fui-fancyui/dist/src/components/molecules/TabSwitch/TabSwitch.style.js

FancyUI Libary

import { styled as i } from "styled-components";
import { disabledStyle as r } from "../../../design/designFunctions/disabledStyle/disableStyle.js";
const l = i.ul`
  display: ${({ $wide: t }) => t ? "grid" : "inline-grid"};
  grid-auto-flow: ${({ $direction: t }) => t === "vertical" ? "row" : "column"};
  grid-auto-rows: 1fr;
  grid-auto-columns: 1fr;
  gap: ${({ $tabSpacing: t, theme: e }) => t ? e.spacing[t] : "0"};
  ${({ $wide: t }) => t && "justify-content: space-between"};
  align-items: center;
  margin: 0;
  padding: 0;

  & > * {
    /* Selects all direct children of the parent */
    min-width: 0;
  }

  ${({ $disabled: t }) => t && r}
`, s = i.li`
  position: relative;
  height: 100%;
  width: 100%;
  list-style: none;
  ${({ $externalStyle: t }) => t}
`;
export {
  s as ItemWrapper,
  l as ULButtonSwitchList
};