UNPKG

react-dayo

Version:

A Queue component for notification etc

43 lines 2.19 kB
"use strict"; var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) { if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; } return cooked; }; var __importDefault = (this && this.__importDefault) || function (mod) { return (mod && mod.__esModule) ? mod : { "default": mod }; }; Object.defineProperty(exports, "__esModule", { value: true }); var react_1 = __importDefault(require("react")); var styled_components_1 = __importDefault(require("styled-components")); var core_dayo_1 = require("core-dayo"); var mixin_1 = __importDefault(require("./mixin")); var SUMI = '#1c1c1c'; var SOHI = '#ed784a'; var Confirm = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), mixin_1.default); // eslint-disable-next-line react/prop-types var Warn = function (props) { var onConfirmButtonClick = react_1.default.useCallback(function () { props.close(); if (props.onButtonClick !== undefined) { props.onButtonClick('cnofirm'); } }, [props.onButtonClick]); var onDenyButtonClick = react_1.default.useCallback(function () { props.close(); if (props.onButtonClick !== undefined) { props.onButtonClick('deny'); } }, [props.onButtonClick]); return (react_1.default.createElement(Confirm, { theme: { textColor: SUMI, backgroundColor: SOHI, } }, react_1.default.createElement("div", { className: "dayo-confirm--body" }, props.children), react_1.default.createElement("div", { className: "dayo-confirm--buttons" }, react_1.default.createElement("div", { className: "dayo-confirm--deny", role: "button", onClick: onDenyButtonClick }, props.deny || 'No'), react_1.default.createElement("div", { className: "dayo-confirm--confirm", role: "button", onClick: onConfirmButtonClick }, props.confirm || 'Yes')), react_1.default.createElement("div", null))); }; exports.default = new core_dayo_1.Seed(Warn).builder; var templateObject_1; //# sourceMappingURL=warn.js.map