welcome-ui/dist/Card.mjs

Customizable design system with react • styled-components • styled-system and ariakit.

"use client";
import { j as d } from "./jsx-runtime-Bqq1Hxg9.mjs";
import { forwardRef as n } from "./System.mjs";
import e, { th as t } from "@xstyled/styled-components";
import { Shape as i } from "./Shape.mjs";
const c = e(i)`
  ${t("cards.cover")};
`, a = ({ src: o, ...r }) => /* @__PURE__ */ d.jsx(c, { ...r, children: /* @__PURE__ */ d.jsx("img", { src: o }) }), m = e.divBox`
  overflow: hidden;
  border-radius: md;
  ${t("cards.default")};
  background-size: cover;
  background-position: center;
`, p = e.divBox`
  padding: lg;
`, f = n(({ children: o, ...r }, s) => /* @__PURE__ */ d.jsx(m, { ref: s, ...r, children: o })), j = Object.assign(f, {
  Body: p,
  Cover: a
});
export {
  j as Card,
  f as CardComponent
};