fui-fancyui
Version:
FancyUI Libary
21 lines (20 loc) • 994 B
JavaScript
import { styled as m } from "styled-components";
import { getBorderRadiusViaSize as l } from "../../../design/designFunctions/getBorderRadiusViaSize/getBorderRadiusViaSize.js";
import { getSize as i } from "./utils/getSize.js";
import { getTextColor as a } from "../../../design/designFunctions/colorCalculatorForComponent/colorCalculatorForComponent.js";
const n = m.div`
border-radius: ${({ $borderRadius: e }) => e && l(e)};
width: ${({ $sizeC: e }) => i(e ?? "md")};
height: ${({ $sizeC: e }) => i(e ?? "md")};
display: flex;
justify-content: center;
align-items: center;
background-color: ${({ $backgroundColor: e, theme: r, $layer: t, $themeType: o }) => e || r.color[o ?? "primary"][t ?? 2]};
color: ${({ $color: e, theme: r, $layer: t = 1, $themeType: o = "primary" }) => a({ theme: r, $themeType: o, $textLayer: t, $customTextColor: e, turnColorTheme: !0 })};
font-size: 1.5em;
aspect-ratio: 1/1;
${({ $externalStyle: e }) => e}
`;
export {
n as Placeholder
};