react-base-guide/lib/components/toast/index.js

react ui components

"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
const jsx_runtime_1 = require("react/jsx-runtime");
const react_1 = require("react");
const base_1 = __importDefault(require("./base"));
const timeout = 3700;
const Toast = (props) => {
    const [hide, setHide] = (0, react_1.useState)(false);
    (0, react_1.useEffect)(() => {
        setTimeout(() => setHide(true), timeout - 700);
        setTimeout(() => { props.onClose && props.onClose(); }, timeout);
    }, []);
    return ((0, jsx_runtime_1.jsx)(base_1.default, Object.assign({ "$color": props.color, "$hide": hide }, { children: props.children })));
};
exports.default = Toast;
//# sourceMappingURL=index.js.map