import cx from 'classnames' /** * Example: * ```tsx * * ``` */ export function Checkbox({ id }: { id: string }) { return (
) } /** * Example: * ```tsx * * * Label * * ``` */ export function LabeledCheckbox({ children }: React.PropsWithChildren) { return (
{children}
) } /** * Example: * ```tsx * * * Label * * ``` */ export function CheckboxLabel({ htmlFor, children }: React.PropsWithChildren<{ htmlFor: string }>) { return ( ) } /** * Example: * ```tsx * * ``` */ export function Button({ children, className, ...props }: React.PropsWithChildren<{ className?: string }> & React.ComponentProps<'button'>) { return ( ) } /** * Example: * ```tsx * * * * * * * * * * * */ export function ButtonGroup({ children }: React.PropsWithChildren) { return (
{children}
) } /** * Example: * ```tsx * * * * * * * * * * * */ export function ButtonGroupItem({ children, className, ...props }: React.PropsWithChildren<{ className?: string }> & React.ComponentProps<'button'>) { return ( ) }