UNPKG

@anoki/fse-ui

Version:

FSE UI components library

3 lines (2 loc) 954 B
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/filters/FiltersChips/FiltersChips.css');const t=require("./index.cjs278.js");;/* empty css */const n=require("./index.cjs280.js"),c=require("./index.cjs219.js");function x(e){return typeof e=="string"?e:e.value}function p(e){return typeof e=="string"?e:e.label}const d=({chips:e,id:l,additionalClassName:o,onChange:a,selectedChip:i})=>t.jsxRuntimeExports.jsx("div",{className:n.clsx("filters-chips-container",o),role:"radiogroup","aria-label":"Filter options",children:t.jsxRuntimeExports.jsx(c.Row,{alignItems:"center",gap:"x8",flexWrap:"wrap",children:e.map(s=>{const r=x(s),u=p(s);return t.jsxRuntimeExports.jsx("button",{className:n.clsx("filter-chip",{"filter-chip--selected":i===r}),role:"radio","aria-checked":i===r,onClick:()=>a(r),children:u},`${l}-${r}`)})})});exports.FiltersChips=d; //# sourceMappingURL=index.cjs139.js.map