Liferay.Loader.define("@liferay/layout-content-page-editor-web@3.0.170/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","../../../common/hooks/useControlledState","../../../common/hooks/useId","../../../prop_types/index"],(function(e,t,l){window;{Object.defineProperty(t,"__esModule",{value:!0}),t.ButtonGroupField=function ButtonGroupField({field:e,onValueSelect:t,value:l}){var i;const d=(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===(i=e.typeOptions)||void 0===i?void 0:i.validValues.map((l=>n.default.createElement(a.ClayButtonWithIcon,{"aria-label":l.label,"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),size:"sm",symbol:l.icon,title:l.label,value:l.value}))),e.description?n.default.createElement("p",{className:"m-0 mt-1 small text-secondary",id:d},e.description):null)};var a=l("@frontend-taglib-clay$clayui/button"),o=_interopRequireDefault(l("@frontend-taglib-clay$clayui/form")),n=(_interopRequireDefault(l("liferay!frontend-js-react-web$prop-types")),_interopRequireDefault(l("liferay!frontend-js-react-web$react"))),r=_interopRequireDefault(l("../../../common/hooks/useControlledState")),u=l("../../../common/hooks/useId");l("../../../prop_types/index");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}}}));
//# sourceMappingURL=ButtonGroupField.js.map