@chief-editor/ui/lib/components/color-panel/Customize.js

UI Component for chief editor

"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0});var react_1=__importDefault(require("react")),hooks_1=require("../../hooks"),Swatch_1=require("./components/Swatch");function Customize(e){var t=e.presetColors,o=void 0===t?[]:t,r=hooks_1.usePrefixCls("color-customize"),s=hooks_1.usePrefixCls("color-customize-header"),a=hooks_1.usePrefixCls("color-customize-header-title"),c=hooks_1.usePrefixCls("color-customize-content"),u=hooks_1.useLocale("color.custom");return react_1.default.createElement("div",{className:r},react_1.default.createElement("div",{className:s},react_1.default.createElement("div",{className:a},u)),react_1.default.createElement("div",{className:c},o.map((function(e){return react_1.default.createElement(Swatch_1.Swatch,{key:e,color:e})}))))}exports.Customize=Customize;