UNPKG

react-dayo

Version:

A Queue component for notification etc

25 lines 1.17 kB
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