import { jsx as x } from "@emotion/react/jsx-runtime";
import { CardRootStyled as p } from "./slots/CardSlots.js";
import { CARD_CLASSES as t } from "./constants.js";
import u from "clsx";
const k = (o) => {
  const {
    className: n,
    variant: e = "text",
    gap: i,
    height: a = "auto",
    children: c,
    direction: l = "row",
    justifyContent: s = "center",
    alignItems: d = "center",
    selected: r = !1,
    padding: m,
    ...C
  } = o, f = {
    variant: e,
    gap: i,
    height: a,
    direction: l,
    onClick: !!o.onClick,
    justifyContent: s,
    alignItems: d,
    selected: r,
    padding: m
  };
  return /* @__PURE__ */ x(
    p,
    {
      ownerState: f,
      className: u(
        t.root,
        e === "outlined" && t.outlined,
        e === "text" && t.text,
        r && t.selected,
        n
      ),
      role: "card",
      ...C,
      children: c
    }
  );
};
export {
  k as Card
};
