fui-fancyui/dist/src/components/molecules/ListBox/ListBoxItem/ListBoxItem.js

FancyUI Libary

import { jsx as s } from "react/jsx-runtime";
import { css as m } from "styled-components";
import l from "../../../atoms/FancyBox/FancyBox.js";
import p from "../../../../design/designFunctions/arrayToCssValues/arrayToCssValues.js";
import { sizeSettings as c } from "../sizeSettings.js";
import { generateBackgroundColor as y } from "../../../../design/designFunctions/generateItemTheme/utils/generateBackgroundColor.js";
function d(o) {
  const { children: t, externalStyle: a, sizeC: r, layer: i = 0, themeType: e = "transparent", hoverLayer: n } = o;
  return /* @__PURE__ */ s(
    l,
    {
      as: "li",
      padding: r ? p(c[r].padding, "spacing") : void 0,
      themeType: e,
      layer: i,
      externalStyle: m`
        list-style: none;
        ${a}

        &:hover {
          background-color: ${y({ $themeType: e, $layer: n })};
        }

        transition: background-color 0.3s;
      `,
      children: t
    }
  );
}
d.displayName = "ListBox.Item";
export {
  d as ListBoxItem
};