Liferay.Loader.define("@liferay/layout-content-page-editor-web@3.0.132/page_editor/app/components/fragment-configuration-fields/ButtonGroupField",["module","exports","require","@frontend-taglib-clay$clayui/button","@frontend-taglib-clay$clayui/form","liferay!frontend-js-react-web$prop-types","liferay!frontend-js-react-web$react","../../../core/hooks/useControlledState","../../../core/hooks/useId","../../../prop-types/index"],(function(e,t,l){window;{Object.defineProperty(t,"__esModule",{value:!0}),t.ButtonGroupField=function({field:e,onValueSelect:t,value:l}){var d;const i=(0,u.useId)(),s=(0,u.useId)(),[c,f]=(0,r.default)(l);return n.default.createElement(o.default.Group,null,n.default.createElement("label",{className:"sr-only",htmlFor:s},e.label),null===(d=e.typeOptions)||void 0===d?void 0:d.validValues.map((l=>n.default.createElement(a.ClayButtonWithIcon,{"aria-pressed":c===l.value,className:c===l.value?"bg-light":"text-secondary",displayType:"unstyled",key:l.value,onClick:()=>(l=>{t(e.name,l),f(l)})(l.value),small:!0,symbol:l.icon,title:l.label,value:l.value}))),e.description?n.default.createElement("p",{className:"m-0 mt-1 small text-secondary",id:i},e.description):null)};var a=l("@frontend-taglib-clay$clayui/button"),o=d(l("@frontend-taglib-clay$clayui/form")),n=(d(l("liferay!frontend-js-react-web$prop-types")),d(l("liferay!frontend-js-react-web$react"))),r=d(l("../../../core/hooks/useControlledState")),u=l("../../../core/hooks/useId");l("../../../prop-types/index");function d(e){return e&&e.__esModule?e:{default:e}}}}));
//# sourceMappingURL=ButtonGroupField.js.map