@ai-growth/nextjs/dist/cjs/components/LoadingSkeleton.js

Seamlessly integrate Sanity CMS with Next.js applications for automated blog routing and rendering

"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.LoadingSkeleton = void 0;
const jsx_runtime_1 = require("react/jsx-runtime");
const DefaultTemplate_module_css_1 = __importDefault(require("./DefaultTemplate.module.css"));
/**
 * LoadingSkeleton component for displaying loading states
 */
const LoadingSkeleton = ({ showAuthor = true, showMetadata = true, className = '', }) => {
    return ((0, jsx_runtime_1.jsxs)("div", { className: `${DefaultTemplate_module_css_1.default.defaultTemplate} ${DefaultTemplate_module_css_1.default.loadingSkeleton} ${className}`, children: [(0, jsx_runtime_1.jsxs)("div", { className: DefaultTemplate_module_css_1.default.skeletonHeader, children: [(0, jsx_runtime_1.jsx)("div", { className: DefaultTemplate_module_css_1.default.skeletonBadge }), (0, jsx_runtime_1.jsx)("div", { className: DefaultTemplate_module_css_1.default.skeletonTitle }), showMetadata && ((0, jsx_runtime_1.jsxs)("div", { className: DefaultTemplate_module_css_1.default.skeletonMetadata, children: [(0, jsx_runtime_1.jsx)("div", { className: DefaultTemplate_module_css_1.default.skeletonDate }), (0, jsx_runtime_1.jsx)("div", { className: DefaultTemplate_module_css_1.default.skeletonDescription })] }))] }), (0, jsx_runtime_1.jsxs)("div", { className: DefaultTemplate_module_css_1.default.skeletonBody, children: [(0, jsx_runtime_1.jsx)("div", { className: DefaultTemplate_module_css_1.default.skeletonParagraph }), (0, jsx_runtime_1.jsx)("div", { className: DefaultTemplate_module_css_1.default.skeletonParagraph }), (0, jsx_runtime_1.jsx)("div", { className: DefaultTemplate_module_css_1.default.skeletonParagraph }), (0, jsx_runtime_1.jsx)("div", { className: DefaultTemplate_module_css_1.default.skeletonParagraph })] }), showAuthor && ((0, jsx_runtime_1.jsxs)("div", { className: DefaultTemplate_module_css_1.default.skeletonAuthor, children: [(0, jsx_runtime_1.jsx)("div", { className: DefaultTemplate_module_css_1.default.skeletonAuthorAvatar }), (0, jsx_runtime_1.jsxs)("div", { className: DefaultTemplate_module_css_1.default.skeletonAuthorDetails, children: [(0, jsx_runtime_1.jsx)("div", { className: DefaultTemplate_module_css_1.default.skeletonAuthorName }), (0, jsx_runtime_1.jsx)("div", { className: DefaultTemplate_module_css_1.default.skeletonAuthorBio })] })] }))] }));
};
exports.LoadingSkeleton = LoadingSkeleton;
exports.default = exports.LoadingSkeleton;