import { j as jsxRuntimeExports } from '../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js';
import { Root as $e698a72e93240346$export$be92b6f5f03c0fe9, Indicator as $e698a72e93240346$export$adb584737d712b70 } from '../node_modules/.pnpm/@radix-ui_react-checkbox@1.0.4_@types_react-dom@18.0.11_@types_react@18.2.12_react-dom@18.3.1_react@18.2.0__react@18.2.0/node_modules/@radix-ui/react-checkbox/dist/index.js';
import { CheckIcon } from '../node_modules/.pnpm/@radix-ui_react-icons@1.3.0_react@18.2.0/node_modules/@radix-ui/react-icons/dist/react-icons.esm.js';
import { cva } from '../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js';
import { forwardRef } from 'react';
import { Flex } from '../flex/flex.js';
import { Label } from '../label/label.js';
import styles from './checkbox.module.css.js';

const checkbox = cva(styles.checkbox, {
    variants: {
        size: {
            small: styles["checkbox-sm"],
            medium: styles["checkbox-md"],
        },
    },
    defaultVariants: {
        size: "small",
    },
});
/**
 * @deprecated Use Checkbox from '@raystack/apsara/v1' instead.
 */
const Checkbox = forwardRef(({ className, size, children, ...props }, forwardedRef) => (jsxRuntimeExports.jsxs(Flex, { gap: "small", children: [jsxRuntimeExports.jsx($e698a72e93240346$export$be92b6f5f03c0fe9, { ...props, ref: forwardedRef, className: checkbox({ size, className }), children: jsxRuntimeExports.jsx(CheckboxIndicator, { children: jsxRuntimeExports.jsx(CheckIcon, {}) }) }), jsxRuntimeExports.jsx(Label, { children: children })] })));
const indicator = cva(styles.indicator);
const CheckboxIndicator = forwardRef(({ className, ...props }, ref) => (jsxRuntimeExports.jsx($e698a72e93240346$export$adb584737d712b70, { ref: ref, className: indicator({ className }), ...props })));
CheckboxIndicator.displayName = $e698a72e93240346$export$adb584737d712b70.displayName;

export { Checkbox };
//# sourceMappingURL=checkbox.js.map
