import { jsxs, jsx } from 'react/jsx-runtime';
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) => (jsxs("div", { ref: ref, ...props, className: cx(styles.cell, styles.comboboxcell, className), children: [type == "select" && jsx(Checkbox, {}), leadingIcon && jsx("span", { className: styles.leadingIcon, children: leadingIcon }), children, trailingIcon && (jsx("span", { className: styles.trailingIcon, children: trailingIcon }))] })));

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