custom-chatbot-app
Version:
This is my custom chatbot package for BuyersEdge
11 lines • 2.73 kB
JavaScript
import { __makeTemplateObject } from "tslib";
import styled from 'styled-components';
import theme from '../Theme';
export var StyledInitialPopupWrapper = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n position: absolute;\n bottom: 120px;\n right: 20px;\n width: ", ";\n height: ", ";\n border-radius: 10px;\n background: #efefef;\n"], ["\n position: absolute;\n bottom: 120px;\n right: 20px;\n width: ", ";\n height: ", ";\n border-radius: 10px;\n background: #efefef;\n"])), function (props) { return (props.initialPopupWidth !== undefined ? props.initialPopupWidth : '501px'); }, function (props) { return (props.initialPopupHeight !== undefined ? props.initialPopupHeight : '257px'); });
export var StyledTopBar = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n height: 88px;\n background: ", ";\n border-top-left-radius: 10px;\n border-top-right-radius: 10px;\n"], ["\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n height: 88px;\n background: ", ";\n border-top-left-radius: 10px;\n border-top-right-radius: 10px;\n"])), theme.colors.primary.main);
export var StyledTopBarHeading = styled.h2(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\ncolor: white;\n"], ["\ncolor: white;\n"])));
export var StyledHeading = styled.h2(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n"], ["\n"])));
export var StyledContent = styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n margin: 25px 15px;\n background: white;\n border-radius: 7px;\n height: 121px;\n"], ["\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n margin: 25px 15px;\n background: white;\n border-radius: 7px;\n height: 121px;\n"])));
export var StyledButton = styled.button(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\nborder: 2px solid green;\n display: block;\n width: ", ";\n padding: 15px;\n margin: 10px;\n background-color: ", ";\n color: white;\n border: none;\n border-radius: 10px;\n cursor: pointer;\n"], ["\nborder: 2px solid green;\n display: block;\n width: ", ";\n padding: 15px;\n margin: 10px;\n background-color: ", ";\n color: white;\n border: none;\n border-radius: 10px;\n cursor: pointer;\n"])), theme.spacing(109.25), theme.colors.primary.secondary);
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;
//# sourceMappingURL=styled.js.map