Checkbox

import { useState } from 'react';
import { NCheck, NLink } from '@nayan-ui/react';

const Checkbox = () => {
  const [notifications, setNotifications] = useState(true);
  const [terms, setTerms] = useState(false);

  return (
    <div className="space-y-3">
      <NCheck checked={notifications} onChange={setNotifications}>
        Enable email notifications
      </NCheck>
      <NCheck checked={terms} onChange={setTerms}>
        I agree to the <NLink href="#">Terms of Service</NLink>
      </NCheck>
      <NCheck checked={false} disabled onChange={() => {}}>
        This option is disabled
      </NCheck>
    </div>
  );
};

export default Checkbox;