import { jsx as _jsx } from "react/jsx-runtime";
import { StyledSkeleton, StyledTypography } from './styles';
export const Description = ({ description, isLoading }) => {
    if (!description && isLoading) {
        return _jsx(StyledSkeleton, { width: 488 });
    }
    if (!description) {
        return null;
    }
    if (typeof description === 'string') {
        return _jsx(StyledTypography, { children: description });
    }
    return (_jsx(StyledTypography, { component: "div", role: "heading", "aria-level": 4, children: description }));
};
