react-dayo
Version:
A Queue component for notification etc
25 lines • 1.17 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 '../../entities/seed';
import mixin from './mixin';
import CloseIcon from '../../components/close-icon';
var SUMI = '#1c1c1c';
var SOHI = '#ed784a';
var Notification = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), mixin);
// eslint-disable-next-line react/prop-types
var Warn = function (props) {
return (React.createElement(Notification, { theme: {
textColor: SUMI,
backgroundColor: SOHI,
} },
React.createElement("div", { className: "dayo-notification--middle" }, props.children),
React.createElement("div", { className: "dato-notification--right" },
React.createElement(CloseIcon, { onClick: props.close }))));
};
export default new Seed(Warn, { timeout: 5000 }).builder;
var templateObject_1;
//# sourceMappingURL=warn.js.map