@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
JavaScript
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 };