@ultraviolet/plus/dist/components/ContentCardGroup/index.js

Ultraviolet Plus

"use client";
import { jsx, Fragment } from "@emotion/react/jsx-runtime";
import _styled from "@emotion/styled/base";
import { Stack } from "@ultraviolet/ui";
import { forwardRef, Children } from "react";
import { Card } from "./Card.js";
import { SkeletonCard } from "./SkeletonCard.js";
const StyledWrapper = /* @__PURE__ */ _styled(Stack, process.env.NODE_ENV === "production" ? {
  target: "e1393dgx0"
} : {
  target: "e1393dgx0",
  label: "StyledWrapper"
})("border-radius:", ({
  theme
}) => theme.radii.default, ";border:1px solid ", ({
  theme
}) => theme.colors.neutral.border, ";background:", ({
  theme
}) => theme.colors.neutral.background, ";min-width:0;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvQ29udGVudENhcmRHcm91cC9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBY21DIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvQ29udGVudENhcmRHcm91cC9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIGNsaWVudCdcblxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBTdGFjayB9IGZyb20gJ0B1bHRyYXZpb2xldC91aSdcbmltcG9ydCB0eXBlIHsgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBDaGlsZHJlbiwgZm9yd2FyZFJlZiB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgQ2FyZCB9IGZyb20gJy4vQ2FyZCdcbmltcG9ydCB7IFNrZWxldG9uQ2FyZCB9IGZyb20gJy4vU2tlbGV0b25DYXJkJ1xuXG50eXBlIEJhc2VDb250ZW50Q2FyZEdyb3VwUHJvcHMgPSB7XG4gIGNoaWxkcmVuOiBSZWFjdE5vZGVcbiAgbG9hZGluZz86IGJvb2xlYW5cbn1cblxuY29uc3QgU3R5bGVkV3JhcHBlciA9IHN0eWxlZChTdGFjaylgXG4gIGJvcmRlci1yYWRpdXM6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUucmFkaWkuZGVmYXVsdH07XG4gIGJvcmRlcjogMXB4IHNvbGlkICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYm9yZGVyfTtcbiAgYmFja2dyb3VuZDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kfTtcbiAgbWluLXdpZHRoOiAwO1xuYFxuXG5jb25zdCBCYXNlQ29udGVudENhcmRHcm91cCA9IGZvcndhcmRSZWY8XG4gIEhUTUxEaXZFbGVtZW50LFxuICBCYXNlQ29udGVudENhcmRHcm91cFByb3BzXG4+KCh7IGNoaWxkcmVuLCBsb2FkaW5nIH0sIHJlZikgPT4gKFxuICA8U3R5bGVkV3JhcHBlciBkaXJlY3Rpb249XCJjb2x1bW5cIiByZWY9e3JlZn0+XG4gICAgeyFsb2FkaW5nID8gKFxuICAgICAgY2hpbGRyZW5cbiAgICApIDogKFxuICAgICAgPD5cbiAgICAgICAge0NoaWxkcmVuLm1hcChjaGlsZHJlbiwgKF9jaGlsZCwgaW5kZXgpID0+IChcbiAgICAgICAgICA8U2tlbGV0b25DYXJkIGtleT17aW5kZXh9IC8+XG4gICAgICAgICkpfVxuICAgICAgPC8+XG4gICAgKX1cbiAgPC9TdHlsZWRXcmFwcGVyPlxuKSlcblxuZXhwb3J0IGNvbnN0IENvbnRlbnRDYXJkR3JvdXAgPSBPYmplY3QuYXNzaWduKEJhc2VDb250ZW50Q2FyZEdyb3VwLCB7XG4gIENhcmQsXG59KVxuIl19 */"));
const BaseContentCardGroup = forwardRef(({
  children,
  loading
}, ref) => /* @__PURE__ */ jsx(StyledWrapper, { direction: "column", ref, children: !loading ? children : /* @__PURE__ */ jsx(Fragment, { children: Children.map(children, (_child, index) => /* @__PURE__ */ jsx(SkeletonCard, {}, index)) }) }));
const ContentCardGroup = Object.assign(BaseContentCardGroup, {
  Card
});
export {
  ContentCardGroup
};