@while-and-for/tremor-react/dist/components/input-elements/Select/SelectItem.cjs

The React library to build dashboards faster.

'use client';
"use strict";var e=require("tslib"),t=require("react"),r=require("../../../lib/sizing.cjs"),a=require("../../../lib/spacing.cjs"),n=require("../../../lib/utils.cjs"),s=require("../../../lib/tremorTwMerge.cjs"),i=require("@headlessui/react");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=c(t);const u=n.makeClassName("SelectItem"),d=o.default.forwardRef(((t,n)=>{const{value:c,icon:d,className:l,children:m}=t,g=e.__rest(t,["value","icon","className","children"]),b=d;return o.default.createElement(i.Listbox.Option,Object.assign({className:s.tremorTwMerge(u("root"),"flex justify-start items-center cursor-default text-tremor-default","ui-active:bg-tremor-background-muted  ui-active:text-tremor-content-strong ui-selected:text-tremor-content-strong ui-selected:bg-tremor-background-muted text-tremor-content-emphasis","dark:ui-active:bg-dark-tremor-background-muted  dark:ui-active:text-dark-tremor-content-strong dark:ui-selected:text-dark-tremor-content-strong dark:ui-selected:bg-dark-tremor-background-muted dark:text-dark-tremor-content-emphasis",a.spacing.md.paddingX,a.spacing.md.paddingY,l),ref:n,key:c,value:c},g),b&&o.default.createElement(b,{className:s.tremorTwMerge(u("icon"),"flex-none","text-tremor-content-subtle","dark:text-dark-tremor-content-subtle",r.sizing.lg.width,a.spacing.xs.marginRight)}),o.default.createElement("span",{className:"whitespace-nowrap truncate"},null!=m?m:c))}));d.displayName="SelectItem",module.exports=d;