37 lines
1.0 KiB
Plaintext
37 lines
1.0 KiB
Plaintext
"use client";
|
|
import {
|
|
CheckboxIcon
|
|
} from "./chunk-FFVF7OUL.mjs";
|
|
import {
|
|
useCheckbox
|
|
} from "./chunk-VBM6YDUQ.mjs";
|
|
|
|
// src/checkbox.tsx
|
|
import { forwardRef } from "@heroui/system";
|
|
import { cloneElement } from "react";
|
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
var Checkbox = forwardRef((props, ref) => {
|
|
const {
|
|
Component,
|
|
children,
|
|
icon = /* @__PURE__ */ jsx(CheckboxIcon, {}),
|
|
getBaseProps,
|
|
getWrapperProps,
|
|
getInputProps,
|
|
getIconProps,
|
|
getLabelProps
|
|
} = useCheckbox({ ...props, ref });
|
|
const clonedIcon = typeof icon === "function" ? icon(getIconProps()) : cloneElement(icon, getIconProps());
|
|
return /* @__PURE__ */ jsxs(Component, { ...getBaseProps(), children: [
|
|
/* @__PURE__ */ jsx("input", { ...getInputProps() }),
|
|
/* @__PURE__ */ jsx("span", { ...getWrapperProps(), children: clonedIcon }),
|
|
children && /* @__PURE__ */ jsx("span", { ...getLabelProps(), children })
|
|
] });
|
|
});
|
|
Checkbox.displayName = "HeroUI.Checkbox";
|
|
var checkbox_default = Checkbox;
|
|
|
|
export {
|
|
checkbox_default
|
|
};
|