({ checked }) => (
  <>
    <Label>
      <Radio
        name="dark-mode"
        value={checked ? 'true' : 'false'}
        defaultChecked={checked}
      />
      Dark Mode
    </Label>
    <Label>
      <Radio
        name="dark-mode"
        value={checked ? 'false' : 'true'}
        defaultChecked={!checked}
      />
      Light Mode
    </Label>
  </>
)

Controls

Name	Description	Default	Controls
checked	boolean	-

Properties

	Name	Description	Default
BoxOwnProps (4 properties)

	as	ElementType<any>	-
	variant	string	-
	css	Interpolation<any>	-
	sx	ThemeUIStyleObject	-
SpaceProps (28 properties)
InputHTMLAttributes (34 properties)
HTMLAttributes (43 properties)
OpacityProps (1 properties)
AriaAttributes (48 properties)
DOMAttributes (160 properties)
Attributes (1 properties)
BackgroundColorProps (2 properties)
RefAttributes (1 properties)