ivt/dist/chunks/ShowSkeleton-DuVLsprm.mjs

Ivt Components Library

import React__default from 'react';
import { C as Container, a as ChildContainer } from './Container-qhzI-HED.mjs';
import { S as Skeleton } from './skeleton-LDpPNYvq.mjs';
import { c as cn } from './utils-BDcRwQMd.mjs';

const FormSkeleton = ({ count = 4 })=>{
    return /*#__PURE__*/ React__default.createElement("div", {
        className: "space-y-8"
    }, /*#__PURE__*/ React__default.createElement("div", {
        className: "flex max-w-[25rem] flex-col gap-4"
    }, Array.from({
        length: count
    }).map((_, i)=>/*#__PURE__*/ React__default.createElement(Skeleton, {
            key: i,
            className: "h-[86px] w-[400px]"
        }))));
};

const SectionInfoSkeleton = ({ count = 1 })=>{
    return /*#__PURE__*/ React__default.createElement(React__default.Fragment, null, Array.from({
        length: count
    }).map((_, i)=>/*#__PURE__*/ React__default.createElement("section", {
            key: i,
            className: "relative w-full space-y-2 lg:w-2/5"
        }, /*#__PURE__*/ React__default.createElement(Skeleton, {
            className: "h-8 w-full max-w-lg"
        }), /*#__PURE__*/ React__default.createElement(Skeleton, {
            className: "h-12 w-full max-w-lg"
        }))));
};

const CreateAndUpdateSkeleton = ({ infoCount = 1, formCount = 4 })=>{
    return /*#__PURE__*/ React__default.createElement(Container, null, /*#__PURE__*/ React__default.createElement(ChildContainer, null, /*#__PURE__*/ React__default.createElement(SectionInfoSkeleton, {
        count: infoCount
    }), /*#__PURE__*/ React__default.createElement("div", {
        className: "w-full max-w-[600px] space-y-8"
    }, /*#__PURE__*/ React__default.createElement(Skeleton, {
        className: "h-6 w-[600px]"
    }), /*#__PURE__*/ React__default.createElement(FormSkeleton, {
        count: formCount
    }))));
};

const ListItemSkeleton = ({ count = 1 })=>{
    return /*#__PURE__*/ React__default.createElement(React__default.Fragment, null, Array.from({
        length: count
    }).map((_, i)=>/*#__PURE__*/ React__default.createElement("div", {
            key: i,
            className: "border-b-border flex flex-wrap justify-between border-b p-2.5"
        }, /*#__PURE__*/ React__default.createElement(Skeleton, {
            className: "h-6 w-14"
        }), /*#__PURE__*/ React__default.createElement(Skeleton, {
            className: "h-6 w-30"
        }))));
};

const ShowSkeleton = ({ count = 5, className = "w-full max-w-150 space-y-2 md:flex-6 mt-4", titleWidth = "w-80", subtitleWidth = "w-125" })=>{
    return /*#__PURE__*/ React__default.createElement(Container, null, /*#__PURE__*/ React__default.createElement(ChildContainer, null, /*#__PURE__*/ React__default.createElement("div", {
        className: "space-y-2"
    }, /*#__PURE__*/ React__default.createElement(Skeleton, {
        className: cn("h-8", titleWidth)
    }), /*#__PURE__*/ React__default.createElement(Skeleton, {
        className: cn("h-6", subtitleWidth)
    })), /*#__PURE__*/ React__default.createElement("section", {
        className: className
    }, /*#__PURE__*/ React__default.createElement(ListItemSkeleton, {
        count: count
    }))));
};

export { CreateAndUpdateSkeleton as C, FormSkeleton as F, ListItemSkeleton as L, SectionInfoSkeleton as S, ShowSkeleton as a };
//# sourceMappingURL=ShowSkeleton-DuVLsprm.mjs.map