Toggle

function Example() {
  const [enabled, setEnabled] = useState(true);
  return (
    <div className="flex flex-col gap-3">
      <label className="flex items-center gap-3 text-14-regular">
        <Toggle checked={enabled} onCheckedChange={setEnabled} />
        Уведомления в Telegram
      </label>
      <label className="flex items-center gap-3 text-14-regular">
        <Toggle size="sm" defaultChecked />
        Маленький
      </label>
      <label className="flex items-center gap-3 text-14-regular text-fg-tertiary">
        <Toggle disabled />
        Недоступен
      </label>
    </div>
  );
}

render(<Example />);