ur-ui-kit-tm
Version:
unlimited robotics ui kit
12 lines (11 loc) • 1.55 kB
JavaScript
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
return cooked;
};
import styled, { css } from "styled-components";
import { getStyledColor } from "./button.utils";
export var ButtonStyled = styled.button(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n justify-content: center;\n border: none;\n min-width: 12rem;\n width: 100%;\n height: 4rem;\n border-radius: 20px 6px;\n box-shadow: 2px 2px 3px gray;\n cursor: pointer;\n\n font-family: UbuntuBold;\n font-size: 1.4rem;\n line-height: 1.7rem;\n letter-spacing: 0.01em;\n\n ", "\n\n ", "\n"], ["\n display: flex;\n align-items: center;\n justify-content: center;\n border: none;\n min-width: 12rem;\n width: 100%;\n height: 4rem;\n border-radius: 20px 6px;\n box-shadow: 2px 2px 3px gray;\n cursor: pointer;\n\n font-family: UbuntuBold;\n font-size: 1.4rem;\n line-height: 1.7rem;\n letter-spacing: 0.01em;\n\n ", "\n\n ", "\n"])), getStyledColor, function (_a) {
var disabled = _a.disabled;
return disabled && css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n opacity: 0.9;\n cursor: not-allowed;\n box-shadow: 1px 1px 1.5px gray;\n "], ["\n opacity: 0.9;\n cursor: not-allowed;\n box-shadow: 1px 1px 1.5px gray;\n "])));
});
var templateObject_1, templateObject_2;