metabuilder/fakemui/react/components/inputs/Checkbox.tsx

import React, { forwardRef } from 'react'

export interface CheckboxProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type'> {
  label?: React.ReactNode
}

export const Checkbox = forwardRef<HTMLInputElement, CheckboxProps>(
  ({ label, className = '', ...props }, ref) => (
    <label className={`checkbox ${className}`}>
      <input ref={ref} type="checkbox" className="checkbox-input" {...props} />
      <span className="checkbox-box" />
      {label && <span className="checkbox-label">{label}</span>}
    </label>
  )
)

Checkbox.displayName = 'Checkbox'