@infinityfx/fluid/dist/components/display/combobox/option.js

React UI library, using zero-runtime CSS-in-JS.

"use client";
import{jsx as o}from"react/jsx-runtime";import r from"../../feedback/halo.js";import{createStyles as e}from"../../../core/style.js";import{combineClasses as i,classes as n}from"../../../core/utils.js";const t=e("combobox.option",{".option":{position:"relative",padding:".5em",borderRadius:"var(--f-radius-sml)",border:"none",outline:"none",background:"none",width:"100%",color:"var(--f-clr-text-100)",display:"flex",alignItems:"center",gap:"var(--f-spacing-xsm)",lineHeight:1.25,WebkitTapHighlightColor:"transparent"},".option.round":{borderRadius:"999px"},".option:enabled":{cursor:"pointer"},".option:disabled":{color:"var(--f-clr-grey-500)"}});function a({children:e,cc:a={},value:l,round:c,onSelect:s,...d}){const p=i(t,a);return o(r,{disabled:d.disabled,color:"var(--f-clr-primary-400)",children:o("button",{...d,type:"button",role:"option",className:n(p.option,c&&p.round,d.className),onClick:o=>{d.onClick?.(o),s?.(l)},children:e})})}a.displayName="Combobox.Option";export{a as default};
//# sourceMappingURL=option.js.map