@serendie/ui/dist/components/Divider/Divider.js

Adaptive UI component library as part of Serendie Design System by Mitsubishi Electric

import { jsx as n } from "react/jsx-runtime";
import { cx as d } from "../../styled-system/css/cx.js";
import { cva as m } from "../../styled-system/css/cva.js";
const o = m({
  base: {
    border: "none"
  },
  variants: {
    color: {
      light: {
        borderColor: "sd.system.color.component.outlineBright"
      },
      normal: {
        borderColor: "sd.system.color.component.outline"
      },
      dark: {
        borderColor: "sd.system.color.component.outlineDim"
      }
    },
    type: {
      horizontal: {
        width: "100%",
        height: "sd.reference.dimension.scale.1",
        borderBottomStyle: "solid",
        borderWidth: "sd.system.dimension.border.medium"
      },
      vertical: {
        borderLeftStyle: "solid",
        width: "sd.reference.dimension.scale.1",
        borderWidth: "sd.system.dimension.border.medium",
        height: "100%",
        minHeight: "10px"
      }
    }
  },
  defaultVariants: {
    color: "normal",
    type: "horizontal"
  }
}), p = (e) => {
  const [r, t] = o.splitVariantProps(e), { className: s, ...i } = t;
  return /* @__PURE__ */ n("hr", { className: d(o(r), s), ...i });
};
export {
  p as Divider,
  o as DividerStyle
};