23 lines
672 B
TypeScript
23 lines
672 B
TypeScript
|
import { InputHTMLAttributes, forwardRef } from 'react';
|
||
|
|
import styles from './Checkbox.module.css';
|
||
|
|
import { Check } from 'lucide-react';
|
||
|
|
export type CheckboxProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'type'>;
|
||
|
|
|
||
|
|
export const Checkbox = forwardRef<HTMLInputElement, CheckboxProps>(
|
||
|
|
({ className, ...props }, ref) => {
|
||
|
|
return (
|
||
|
|
<div className={styles.checkboxWrapper}>
|
||
|
|
<input
|
||
|
|
{...props}
|
||
|
|
type="checkbox"
|
||
|
|
ref={ref}
|
||
|
|
className={`${styles.checkbox} ${className || ''}`}
|
||
|
|
/>
|
||
|
|
<Check className={styles.checkmark} aria-hidden="true" />
|
||
|
|
</div>
|
||
|
|
);
|
||
|
|
}
|
||
|
|
);
|
||
|
|
|
||
|
|
Checkbox.displayName = 'Checkbox';
|