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

Ultraviolet Plus

"use client";
import { jsx, jsxs } from "@emotion/react/jsx-runtime";
import _styled from "@emotion/styled/base";
import { Stack, Skeleton } from "@ultraviolet/ui";
const StyledWrapper = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
  target: "e1xovou51"
} : {
  target: "e1xovou51",
  label: "StyledWrapper"
})("padding:", ({
  theme
}) => theme.space["3"], ";&:not(:first-child){border-top:1px solid ", ({
  theme
}) => theme.colors.neutral.border, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvQ29udGVudENhcmRHcm91cC9Ta2VsZXRvbkNhcmQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUtnQyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy9wbHVzL3NyYy9jb21wb25lbnRzL0NvbnRlbnRDYXJkR3JvdXAvU2tlbGV0b25DYXJkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIid1c2UgY2xpZW50J1xuXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IFNrZWxldG9uLCBTdGFjayB9IGZyb20gJ0B1bHRyYXZpb2xldC91aSdcblxuY29uc3QgU3R5bGVkV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIHBhZGRpbmc6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzMnXX07XG5cbiAgJjpub3QoOmZpcnN0LWNoaWxkKSB7XG4gICAgYm9yZGVyLXRvcDogMXB4IHNvbGlkICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYm9yZGVyfTtcbiAgfVxuYFxuXG5jb25zdCBTdHlsZWRTcXVhcmVTa2VsZXRvbiA9IHN0eWxlZChTa2VsZXRvbilgXG4gIGhlaWdodDogMzJweDtcbiAgd2lkdGg6IDMycHg7XG4gIGJvcmRlci1yYWRpdXM6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUucmFkaWkuZGVmYXVsdH07XG5gXG5cbmV4cG9ydCBjb25zdCBTa2VsZXRvbkNhcmQgPSAoKSA9PiAoXG4gIDxTdHlsZWRXcmFwcGVyPlxuICAgIDxTdGFjayBkaXJlY3Rpb249XCJyb3dcIiBhbGlnbkl0ZW1zPVwiY2VudGVyXCIganVzdGlmeUNvbnRlbnQ9XCJzcGFjZS1iZXR3ZWVuXCI+XG4gICAgICA8U3RhY2sgZ2FwPXsyfT5cbiAgICAgICAgPFNrZWxldG9uIHZhcmlhbnQ9XCJsaW5lXCIgLz5cbiAgICAgICAgPFNrZWxldG9uIHZhcmlhbnQ9XCJsaW5lXCIgLz5cbiAgICAgICAgPFNrZWxldG9uIHZhcmlhbnQ9XCJsaW5lXCIgLz5cbiAgICAgIDwvU3RhY2s+XG4gICAgICA8U3R5bGVkU3F1YXJlU2tlbGV0b24gdmFyaWFudD1cInNxdWFyZVwiIC8+XG4gICAgPC9TdGFjaz5cbiAgPC9TdHlsZWRXcmFwcGVyPlxuKVxuIl19 */"));
const StyledSquareSkeleton = /* @__PURE__ */ _styled(Skeleton, process.env.NODE_ENV === "production" ? {
  target: "e1xovou50"
} : {
  target: "e1xovou50",
  label: "StyledSquareSkeleton"
})("height:32px;width:32px;border-radius:", ({
  theme
}) => theme.radii.default, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvQ29udGVudENhcmRHcm91cC9Ta2VsZXRvbkNhcmQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWE2QyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy9wbHVzL3NyYy9jb21wb25lbnRzL0NvbnRlbnRDYXJkR3JvdXAvU2tlbGV0b25DYXJkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIid1c2UgY2xpZW50J1xuXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IFNrZWxldG9uLCBTdGFjayB9IGZyb20gJ0B1bHRyYXZpb2xldC91aSdcblxuY29uc3QgU3R5bGVkV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIHBhZGRpbmc6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzMnXX07XG5cbiAgJjpub3QoOmZpcnN0LWNoaWxkKSB7XG4gICAgYm9yZGVyLXRvcDogMXB4IHNvbGlkICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYm9yZGVyfTtcbiAgfVxuYFxuXG5jb25zdCBTdHlsZWRTcXVhcmVTa2VsZXRvbiA9IHN0eWxlZChTa2VsZXRvbilgXG4gIGhlaWdodDogMzJweDtcbiAgd2lkdGg6IDMycHg7XG4gIGJvcmRlci1yYWRpdXM6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUucmFkaWkuZGVmYXVsdH07XG5gXG5cbmV4cG9ydCBjb25zdCBTa2VsZXRvbkNhcmQgPSAoKSA9PiAoXG4gIDxTdHlsZWRXcmFwcGVyPlxuICAgIDxTdGFjayBkaXJlY3Rpb249XCJyb3dcIiBhbGlnbkl0ZW1zPVwiY2VudGVyXCIganVzdGlmeUNvbnRlbnQ9XCJzcGFjZS1iZXR3ZWVuXCI+XG4gICAgICA8U3RhY2sgZ2FwPXsyfT5cbiAgICAgICAgPFNrZWxldG9uIHZhcmlhbnQ9XCJsaW5lXCIgLz5cbiAgICAgICAgPFNrZWxldG9uIHZhcmlhbnQ9XCJsaW5lXCIgLz5cbiAgICAgICAgPFNrZWxldG9uIHZhcmlhbnQ9XCJsaW5lXCIgLz5cbiAgICAgIDwvU3RhY2s+XG4gICAgICA8U3R5bGVkU3F1YXJlU2tlbGV0b24gdmFyaWFudD1cInNxdWFyZVwiIC8+XG4gICAgPC9TdGFjaz5cbiAgPC9TdHlsZWRXcmFwcGVyPlxuKVxuIl19 */"));
const SkeletonCard = () => /* @__PURE__ */ jsx(StyledWrapper, { children: /* @__PURE__ */ jsxs(Stack, { direction: "row", alignItems: "center", justifyContent: "space-between", children: [
  /* @__PURE__ */ jsxs(Stack, { gap: 2, children: [
    /* @__PURE__ */ jsx(Skeleton, { variant: "line" }),
    /* @__PURE__ */ jsx(Skeleton, { variant: "line" }),
    /* @__PURE__ */ jsx(Skeleton, { variant: "line" })
  ] }),
  /* @__PURE__ */ jsx(StyledSquareSkeleton, { variant: "square" })
] }) });
export {
  SkeletonCard
};