UNPKG

@lidofinance/toast

Version:

React component for Lido Finance projects based on React-Toastify (https://github.com/fkhadra/react-toastify). Part of [Lido UI Components](https://github.com/lidofinance/ui/#readme)

29 lines (26 loc) 1.42 kB
import { __makeTemplateObject } from './_virtual/_tslib.js'; import { Loader } from '@lidofinance/loaders'; import styled from 'styled-components'; var ToastPendingStyle = styled.div.withConfig({ displayName: "ToastPendingStyles__ToastPendingStyle", componentId: "sc-133vpey-0" })(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n"], ["\n display: flex;\n align-items: center;\n"]))); var ToastPendingTextStyle = styled.div.withConfig({ displayName: "ToastPendingStyles__ToastPendingTextStyle", componentId: "sc-133vpey-1" })(templateObject_2 || (templateObject_2 = __makeTemplateObject([""], [""]))); var ToastPendingLoaderStyle = styled(Loader).withConfig({ displayName: "ToastPendingStyles__ToastPendingLoaderStyle", componentId: "sc-133vpey-2" })(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n margin: ", "px;\n margin-right: ", "px;\n svg {\n color: ", ";\n }\n"], ["\n margin: ", "px;\n margin-right: ", "px;\n svg {\n color: ", ";\n }\n"])), function (_a) { var theme = _a.theme; return -theme.spaceMap.xs; }, function (_a) { var theme = _a.theme; return theme.spaceMap.md; }, function (_a) { var theme = _a.theme; return theme.colors.accentContrast; }); var templateObject_1, templateObject_2, templateObject_3; export { ToastPendingLoaderStyle, ToastPendingStyle, ToastPendingTextStyle };