import { j as jsxRuntimeExports } from '../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js';
import { forwardRef } from 'react';
import { cx } from '../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js';
import styles from './cell.module.css.js';
import { Checkbox } from '../checkbox/checkbox.js';

const Cell = forwardRef(({ className, children, leadingIcon, trailingIcon, type = "item", ...props }, ref) => (jsxRuntimeExports.jsxs("div", { ref: ref, ...props, className: cx(styles.cell, styles.comboboxcell, className), children: [type == "select" && jsxRuntimeExports.jsx(Checkbox, {}), leadingIcon && jsxRuntimeExports.jsx("span", { className: styles.leadingIcon, children: leadingIcon }), children, trailingIcon && (jsxRuntimeExports.jsx("span", { className: styles.trailingIcon, children: trailingIcon }))] })));

export { Cell };
//# sourceMappingURL=cell.js.map
