fui-fancyui/dist/src/components/atoms/WeekDays/Weekdays.style.js

FancyUI Libary

import { styled as s } from "styled-components";
import { getBackgroundColor as n } from "../../../design/designFunctions/colorCalculatorForComponent/colorCalculatorForComponent.js";
const y = s.div`
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  width: 100%;

  color: ${({ theme: r, $themeType: e = "secondary", $layer: o }) => n({ theme: r, $themeType: e, $layer: o ?? 0 })};

  ${({ theme: r, $themeType: e = "secondary", $border: o, $layer: t }) => i({ theme: r, $themeType: e, $border: o, $layer: t ?? 0 })};

  & > * {
    display: flex;
    justify-content: center;
    align-items: center;
  }
`, i = (r) => {
  const { $border: e, $layer: o, theme: t, $themeType: d } = r;
  if (e === "none") return;
  const a = n({ theme: t, $themeType: d ?? "secondary", $layer: o });
  return `
    border-${e ?? "bottom"}: solid 1px ${a};
    padding-${e ?? "bottom"}: ${t.spacing.xs};
  `;
};
export {
  y as WeekdaysConatiner
};