import React from 'react'
import { Checkbox } from "@/app/components/shadcn-ui/Default-Ui/checkbox";


const CheckboxLabelCode = () => {
  return (
    <>
      <div className="flex flex-col gap-3 mt-4">
        <div className="flex items-center space-x-2">
          <Checkbox id="terms" />
          <label htmlFor="terms" className="text-ld">
            Accept terms and conditions
          </label>
        </div>

        <div className="flex items-center space-x-2">
          <Checkbox id="privacy" />
          <label htmlFor="privacy" className="text-ld">
            Accept privacy policy
          </label>
        </div>
        <div className="flex items-center space-x-2">
          <Checkbox id="continue" />
          <label htmlFor="continue" className="text-ld">
             Continue to process?
          </label>
        </div>
      </div>
    </>
  )
}

export default CheckboxLabelCode

import React from 'react'
import { Checkbox } from "@/app/components/shadcn-ui/Default-Ui/checkbox";


const DefaultCheckCode = () => {
  return (
    <>
      <div className="flex flex-col gap-3 mt-4">
        <div className="flex items-center space-x-2">
          <Checkbox id="terms11" checked />
          <label htmlFor="terms11" className="text-ld">
            Accept terms and conditions
          </label>
        </div>

        <div className="flex items-center space-x-2">
          <Checkbox id="privacy22" checked />
          <label htmlFor="privacy22" className="text-ld">
            Accept privacy policy
          </label>
        </div>
        <div className="flex items-center space-x-2">
          <Checkbox id="continue33" checked />
          <label htmlFor="continue33" className="text-ld">
             Continue to process?
          </label>
        </div>
      </div>
    </>
  )
}

export default DefaultCheckCode

import React from 'react'
import { Checkbox } from "@/app/components/shadcn-ui/Default-Ui/checkbox";


const DisabledCheckCode = () => {
  return (
    <>
      <div className="flex flex-col gap-3 mt-4">
        <div className="flex items-center space-x-2">
          <Checkbox id="terms1" disabled />
          <label htmlFor="terms1" className="text-ld">
            Accept terms and conditions
          </label>
        </div>

        <div className="flex items-center space-x-2">
          <Checkbox id="privacy2" disabled />
          <label htmlFor="privacy2" className="text-ld">
            Accept privacy policy
          </label>
        </div>
        <div className="flex items-center space-x-2">
          <Checkbox id="continue3" disabled />
          <label htmlFor="continue3" className="text-ld">
            Continue to process?
          </label>
        </div>
      </div>
    </>
  )
}

export default DisabledCheckCode