"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.SimpleEnums=exports.SimpleEnumsComponent=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),styled_components_1=__importDefault(require("styled-components")),common_1=require("../common");function SimpleEnumsComponent({enums:e,type:t,toggle:n,showToggleButton:o,toggleButtonText:m}){return(0,jsx_runtime_1.jsxs)(Row,{children:[(0,jsx_runtime_1.jsxs)(common_1.FieldLabel,{children:["array"===t?"Items":""," ",1===e.length?"Value":"Enum"]}),e.map(((e,t)=>(0,jsx_runtime_1.jsx)(common_1.Tag,{children:JSON.stringify(e)},e+t))),o?(0,jsx_runtime_1.jsx)(common_1.ToggleButton,{onClick:n,children:m}):null]})}exports.SimpleEnumsComponent=SimpleEnumsComponent,exports.SimpleEnums=(0,react_1.memo)(SimpleEnumsComponent);const Row=styled_components_1.default.div`
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--spacing-xxs);
  margin-top: var(--spacing-xxs);
`;
//# sourceMappingURL=SimpleEnums.js.map