@smart-react-components/ui
Version:
SRC UI includes React and Styled components.
28 lines (27 loc) • 2.42 kB
JavaScript
"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
const Section_1 = __importDefault(require("@smart-react-components/core/Element/Section"));
const react_1 = __importDefault(require("react"));
const styled_components_1 = require("styled-components");
const Button_1 = __importDefault(require("../../../Button"));
const ButtonList_1 = __importDefault(require("../../../Button/ButtonList"));
const ColorPickerProps_1 = __importDefault(require("../../../context/ColorPickerProps"));
const Save_1 = __importDefault(require("../../../icons/Save"));
const Cancel_1 = __importDefault(require("../../../icons/Cancel"));
const props_1 = require("../../../util/props");
const ButtonsSection = ({ cancelLabel, saveLabel, isSoft, onCancel, onSave, palette }) => {
const { colorPickerSize, colorPickerSizeSm, colorPickerSizeMd, colorPickerSizeLg, colorPickerSizeXl, isDisabled } = react_1.default.useContext(ColorPickerProps_1.default);
const theme = react_1.default.useContext(styled_components_1.ThemeContext);
return (react_1.default.createElement(Section_1.default, null,
react_1.default.createElement(ButtonList_1.default, { hasSpace: false, isBlock: true, isSoft: isSoft, palette: palette, size: colorPickerSize, sizeSm: colorPickerSizeSm, sizeMd: colorPickerSizeMd, sizeLg: colorPickerSizeLg, sizeXl: colorPickerSizeXl },
react_1.default.createElement(Button_1.default, Object.assign({}, (0, props_1.applyResponsiveStyledProp)({ colorPickerSize, colorPickerSizeSm, colorPickerSizeMd, colorPickerSizeLg, colorPickerSizeXl }, 'colorPickerSize', 'marginRight', v => `$size.colorPicker.${v}.space`), { isDisabled: isDisabled, onClick: e => onSave(e) }),
react_1.default.createElement(Save_1.default, null),
react_1.default.createElement("span", null, saveLabel !== null && saveLabel !== void 0 ? saveLabel : theme.$.i18n.save)),
react_1.default.createElement(Button_1.default, { isDisabled: isDisabled, onClick: e => onCancel(e) },
react_1.default.createElement(Cancel_1.default, null),
react_1.default.createElement("span", null, cancelLabel !== null && cancelLabel !== void 0 ? cancelLabel : theme.$.i18n.cancel)))));
};
exports.default = ButtonsSection;