fui-fancyui
Version:
FancyUI Libary
22 lines (21 loc) • 776 B
JavaScript
import { css as i } from "styled-components";
import { generateStateStyle as d } from "./generateHoverActiveColor.js";
import { generateTextColor as l } from "./generateTextColor.js";
import m from "../../../theme/themeStore/themeStore.js";
const S = (e) => {
const { $backgroundState: t, $textColor: r, $outlinedBackgroundStrength: o = 0.3, $layer: n, $textHover: a } = e, g = m((c) => c.theme.outlined.outlinedBackgroundStrength);
return i`
color: ${l({ $layer: n, $themeType: r })};
${t !== "active" && "background-color: transparent"};
/* This generate the hover / active style if its needed */
${t && d({
...e,
$outlinedBackgroundStrength: o || g,
$textHover: a,
$textColor: r
})}
`;
};
export {
S as generateTransparentStyle
};