fui-fancyui

Version:
FancyUI Libary
36 lines (33 loc) • 1.29 kB
JavaScript
import { styled as n } from "styled-components";
import m from "../../../design/designFunctions/arrayToCssValues/arrayToCssValues.js";
import { getTextColor as p } from "../../../design/designFunctions/colorCalculatorForComponent/colorCalculatorForComponent.js";
import a from "../../../design/designFunctions/leftRightCenterToFlexJustify/leftRightCenterToFlexJustify.js";
import d from "../../../design/designFunctions/getOpositMainThemeType/getOpositMainThemeType.js";
import s from "../../../design/designFunctions/generateThemeForCard/generateThemeForCard.js";
const c = n.div`
  display: flex;
  box-sizing: border-box;
  padding: ${({ $padding: e }) => m(e, "spacing")};
  justify-content: ${({ $align: e }) => a[e ?? "left"]};
  cursor: pointer;
  background-color: transparent;
  border: none;
  text-decoration: none;
  width: 100%;
  color: ${({ theme: e, $themeType: o }) => p({ theme: e, $themeType: d(o), $textLayer: 1 })};

  &:hover {
    box-sizing: border-box;
    ${({ theme: e, $themeType: o = "primary", $layer: r, $outlined: t, $outlinedBackgroundStrength: i }) => s({
  $themeType: o,
  theme: e,
  $outlined: t,
  $layer: r,
  $outlinedBackgroundStrength: i,
  $outlinedRemoveBorder: !0
})};
  }

  ${({ $externalStyle: e }) => e};
`;
export {
  c as StyledMenuItem
};