"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.Description = void 0;
const jsx_runtime_1 = require("react/jsx-runtime");
const styles_1 = require("./styles");
const Description = ({ description, isLoading }) => {
    if (!description && isLoading) {
        return (0, jsx_runtime_1.jsx)(styles_1.StyledSkeleton, { width: 488 });
    }
    if (!description) {
        return null;
    }
    if (typeof description === 'string') {
        return (0, jsx_runtime_1.jsx)(styles_1.StyledTypography, { children: description });
    }
    return ((0, jsx_runtime_1.jsx)(styles_1.StyledTypography, { component: "div", role: "heading", "aria-level": 4, children: description }));
};
exports.Description = Description;
