Label

import { Label, RadioGroup, RadioGroupItem } from "@medway-ui/core";
 
<div className="flex items-center gap-2">
  <RadioGroup defaultValue="comfortable">
    <div className="flex items-center gap-3">
      <RadioGroupItem value="default" id="r1" />
      <Label htmlFor="r1">Item 1</Label>
    </div>
    <div className="flex items-center gap-3">
      <RadioGroupItem value="comfortable" id="r2" />
      <Label htmlFor="r2">Item 2</Label>
    </div>
    <div className="flex items-center gap-3">
      <RadioGroupItem value="compact" id="r3" />
      <Label htmlFor="r3">Item 3</Label>
    </div>
  </RadioGroup>
</div>

import { Label, Switch } from "@medway-ui/core";
 
<div className="flex flex-col gap-6">
  <Label block htmlFor="marketing">
    <div className="w-full flex items-center justify-between">
      <div className="flex flex-col gap-1">
        <span className="text-md font-semibold text-primary-foreground">Marketing emails</span>
        <span className="text-gray-foreground-muted text-xs">
          Receive emails about new products, features, and more.
        </span>
      </div>
      <Switch id="marketing" />
    </div>
  </Label>
  <Label block htmlFor="security">
    <div className="w-full flex items-center justify-between">
      <div className="flex flex-col gap-1">
        <span className="text-md font-semibold text-primary-foreground">Security emails</span>
        <span className="text-gray-foreground-muted text-xs">
          Receive emails about your account security.
        </span>
      </div>
      <Switch id="security" defaultChecked />
    </div>
  </Label>
</div>