react-dayo
Version:
A Queue component for notification etc
38 lines • 1.77 kB
JavaScript
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
return cooked;
};
import React from 'react';
import styled from 'styled-components';
import { Seed } from 'core-dayo';
import mixin from './mixin';
var SUMI = '#1c1c1c';
var KURENAI = '#cb1b45';
var Confirm = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), mixin);
// eslint-disable-next-line react/prop-types
var Error = function (props) {
var onConfirmButtonClick = React.useCallback(function () {
props.close();
if (props.onButtonClick !== undefined) {
props.onButtonClick('cnofirm');
}
}, [props.onButtonClick]);
var onDenyButtonClick = React.useCallback(function () {
props.close();
if (props.onButtonClick !== undefined) {
props.onButtonClick('deny');
}
}, [props.onButtonClick]);
return (React.createElement(Confirm, { theme: {
textColor: SUMI,
backgroundColor: KURENAI,
} },
React.createElement("div", { className: "dayo-confirm--body" }, props.children),
React.createElement("div", { className: "dayo-confirm--buttons" },
React.createElement("div", { className: "dayo-confirm--deny", role: "button", onClick: onDenyButtonClick }, props.deny || 'No'),
React.createElement("div", { className: "dayo-confirm--confirm", role: "button", onClick: onConfirmButtonClick }, props.confirm || 'Yes')),
React.createElement("div", null)));
};
export default new Seed(Error).builder;
var templateObject_1;
//# sourceMappingURL=error.js.map