fui-fancyui/dist/src/design/designFunctions/generateItemTheme/generateThemeItem.js

FancyUI Libary

import { css as m } from "styled-components";
import { disabledStyle as l } from "../disabledStyle/disableStyle.js";
import { generateBorderRadius as c } from "./utils/generateBorderRadius.js";
import { generateNormal as $ } from "./utils/generateNormalStyle.js";
import { generateOutlined as f } from "./utils/generateOutlinedStyle.js";
const y = (e) => {
  const { $themeType: i, $outlined: r, $wide: t, $borderRadius: n } = e;
  let o, a;
  const d = r && i !== "transparent" ? f(e) : $(e), s = c({ $wide: t, $borderRadius: n, $sizeC: e.$sizeC });
  return m`
    display: inline-flex;
    align-items: center;
    height: fit-content;
    border: none;
    cursor: pointer;
    box-sizing: border-box;
    width: ${t ? "100%" : "fit-content"};
    min-width: fit-content;
    border-radius: ${s};
    transition: all 0.125s ease-in-out;

    ${d}
    ${o}
    ${a}

    &:disabled {
      ${l}
    }
  `;
};
export {
  y as default
};