custom-chatbot-app/dist/cjs/components/SuggestionBox/styled.js

This is my custom chatbot package for BuyersEdge

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.StyledButton = exports.StyledContent = exports.StyledHeading = exports.StyledTopBarHeading = exports.StyledTopBar = exports.StyledWrapper = void 0;
var tslib_1 = require("tslib");
var styled_components_1 = tslib_1.__importDefault(require("styled-components"));
var Theme_1 = tslib_1.__importDefault(require("../Theme"));
exports.StyledWrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = tslib_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.welcomeModalWidth !== undefined ? props.welcomeModalWidth : '501px'); }, function (props) { return (props.welcomeModalHeight !== undefined ? props.welcomeModalHeight : '257px'); });
exports.StyledTopBar = styled_components_1.default.div(templateObject_2 || (templateObject_2 = tslib_1.__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_1.default.colors.primary.main);
exports.StyledTopBarHeading = styled_components_1.default.h2(templateObject_3 || (templateObject_3 = tslib_1.__makeTemplateObject(["\ncolor: white;\n"], ["\ncolor: white;\n"])));
exports.StyledHeading = styled_components_1.default.h2(templateObject_4 || (templateObject_4 = tslib_1.__makeTemplateObject(["\n"], ["\n"])));
exports.StyledContent = styled_components_1.default.div(templateObject_5 || (templateObject_5 = tslib_1.__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"])));
exports.StyledButton = styled_components_1.default.button(templateObject_6 || (templateObject_6 = tslib_1.__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_1.default.spacing(109.25), Theme_1.default.colors.primary.secondary);
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;
//# sourceMappingURL=styled.js.map