fui-fancyui
Version:
FancyUI Libary
19 lines (18 loc) • 1.07 kB
JavaScript
import { styled as m } from "styled-components";
import { getBackgroundColor as i, getTextColor as a } from "../../../design/designFunctions/colorCalculatorForComponent/colorCalculatorForComponent.js";
import { globalElementSizes as u } from "../../../design/theme/globalSizes.js";
import { sizeSettings as d } from "./sizeSettings.js";
import n from "../../../utils/functions/clampLayer/clampLayer.js";
const b = m.button`
text-align: center;
width: 100%;
background-color: ${({ theme: r, $isActive: o, $themeType: t = "primary", $layer: e = 2 }) => o ? i({ theme: r, $themeType: t, $layer: n(e ? e + 1 : 3) }) : i({ theme: r, $themeType: t, $layer: n(e || 2) })};
color: ${({ theme: r, $themeType: o = "secondary", $layer: t = 1 }) => a({ theme: r, $themeType: o, $textLayer: t, turnColorTheme: !0 })};
border: none;
cursor: pointer;
height: ${({ $sizeC: r = "md" }) => u[d[r].height]};
border-radius: ${({ theme: r, $borderRadius: o, $sizeC: t = "md" }) => o ? r.borderRadius[o] : r.borderRadius[d[t].borderRadius]};
`;
export {
b as DateOutputButton
};