UNPKG

@botonic/react

Version:

Build Chatbots using React

36 lines (34 loc) • 3.39 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
import styled from 'styled-components'; export const StyledButton = styled.button ` display: flex; justify-content: center; align-content: center; gap: 6px; cursor: pointer; width: ${props => { var _a, _b; return (_b = (_a = props.theme.button) === null || _a === void 0 ? void 0 : _a.style) === null || _b === void 0 ? void 0 : _b.width; }}; max-height: ${props => { var _a, _b; return (_b = (_a = props.theme.button) === null || _a === void 0 ? void 0 : _a.style) === null || _b === void 0 ? void 0 : _b.maxHeight; }}; height: ${props => { var _a, _b; return (_b = (_a = props.theme.button) === null || _a === void 0 ? void 0 : _a.style) === null || _b === void 0 ? void 0 : _b.height; }}; font-family: ${props => { var _a; return (_a = props.theme.style) === null || _a === void 0 ? void 0 : _a.fontFamily; }}; font-size: ${props => { var _a, _b; return (_b = (_a = props.theme.button) === null || _a === void 0 ? void 0 : _a.style) === null || _b === void 0 ? void 0 : _b.fontSize; }}; font-weight: ${props => { var _a, _b; return (_b = (_a = props.theme.button) === null || _a === void 0 ? void 0 : _a.style) === null || _b === void 0 ? void 0 : _b.fontWeight; }}; background: ${props => { var _a, _b; return (_b = (_a = props.theme.button) === null || _a === void 0 ? void 0 : _a.style) === null || _b === void 0 ? void 0 : _b.background; }}; color: ${props => { var _a, _b; return (_b = (_a = props.theme.button) === null || _a === void 0 ? void 0 : _a.style) === null || _b === void 0 ? void 0 : _b.color; }}; outline: ${props => { var _a, _b; return (_b = (_a = props.theme.button) === null || _a === void 0 ? void 0 : _a.style) === null || _b === void 0 ? void 0 : _b.outline; }}; border: ${props => { var _a, _b; return (_b = (_a = props.theme.button) === null || _a === void 0 ? void 0 : _a.style) === null || _b === void 0 ? void 0 : _b.border; }}; border-radius: ${props => { var _a, _b; return (_b = (_a = props.theme.button) === null || _a === void 0 ? void 0 : _a.style) === null || _b === void 0 ? void 0 : _b.borderRadius; }}; padding: ${props => { var _a, _b; return (_b = (_a = props.theme.button) === null || _a === void 0 ? void 0 : _a.style) === null || _b === void 0 ? void 0 : _b.padding; }}; overflow: ${props => { var _a, _b; return (_b = (_a = props.theme.button) === null || _a === void 0 ? void 0 : _a.style) === null || _b === void 0 ? void 0 : _b.overflow; }}; &:hover { background: ${props => { var _a; return (_a = props.theme.button) === null || _a === void 0 ? void 0 : _a.hoverBackground; }}; color: ${props => { var _a; return (_a = props.theme.button) === null || _a === void 0 ? void 0 : _a.hoverTextColor; }}; } &:disabled { opacity: ${props => { var _a, _b; return (_b = (_a = props.theme.button) === null || _a === void 0 ? void 0 : _a.disabledstyle) === null || _b === void 0 ? void 0 : _b.opacity; }}; cursor: ${props => { var _a, _b; return (_b = (_a = props.theme.button) === null || _a === void 0 ? void 0 : _a.disabledstyle) === null || _b === void 0 ? void 0 : _b.cursor; }}; pointer-events: ${props => { var _a, _b; return (_b = (_a = props.theme.button) === null || _a === void 0 ? void 0 : _a.disabledstyle) === null || _b === void 0 ? void 0 : _b.pointerEvents; }}; } `; export const StyledUrlImage = styled.img ` width: 20px; `; //# sourceMappingURL=styles.js.map