@cerberus-design/react/dist/components/select/option.js

The Cerberus Design React component library.

'use client';
import { jsxs, jsx } from 'react/jsx-runtime';
import { useCerberusContext } from '../../context/cerberus.js';
import { SelectParts } from './parts.js';

function Option(props) {
  const { item, ...itemProps } = props;
  const { icons } = useCerberusContext();
  const { selectChecked: CheckedIcon } = icons;
  return /* @__PURE__ */ jsxs(SelectParts.Item, { ...itemProps, item, children: [
    /* @__PURE__ */ jsx(SelectParts.ItemText, { children: item?.label }),
    /* @__PURE__ */ jsx(SelectParts.ItemIndicator, { children: /* @__PURE__ */ jsx(CheckedIcon, {}) })
  ] });
}

export { Option };