fui-fancyui
Version:
FancyUI Libary
38 lines (37 loc) • 1.11 kB
JavaScript
import { css as r } from "styled-components";
import s from "../../theme/themeStore/themeStore.js";
const u = ({ $alignHorizontal: m, $alignVertical: o, $borderRadius: e }) => {
const t = s.getState().theme.borderRadius;
return m === "left" && o === "top" ? r`
top: 0;
left: 0;
border-radius: 0 0 ${t[e || "md"]} 0;
` : m === "left" && o === "bottom" ? r`
bottom: 0;
left: 0;
border-radius: 0 ${t[e || "md"]} 0 0;
` : m === "right" && o === "top" ? r`
top: 0;
right: 0;
border-radius: 0 0 0 ${t[e || "md"]};
` : m === "right" && o === "bottom" ? r`
bottom: 0;
right: 0;
border-radius: ${t[e || "md"]} 0 0 0;
` : m === "center" && o === "top" ? r`
top: 0;
left: 50%;
transform: translateX(-50%);
border-radius: 0 0 ${t[e || "md"]} ${t[e || "md"]};
` : m === "center" && o === "bottom" ? r`
bottom: 0;
left: 50%;
transform: translateX(-50%);
border-radius: ${t[e || "md"]} ${t[e || "md"]} 0 0;
` : r`
border-radius: ${t.md};
`;
};
export {
u as default
};