import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { Skeleton } from '../../Skeleton';
import { ItemWrapper, TitleWrapper, Wrapper } from './styles';
export const MobileNotificationSkeleton = () => {
    return (_jsx(Wrapper, { children: Array.from({ length: 10 }, (_, index) => (
        // biome-ignore lint/suspicious/noArrayIndexKey: Статичный скелетон
        _jsxs(ItemWrapper, { children: [_jsxs(TitleWrapper, { children: [_jsx(Skeleton, { variant: "rounded", height: 20, width: "100%" }), _jsx(Skeleton, { variant: "rounded", height: 16, width: "25%" })] }), _jsx(Skeleton, { variant: "rounded", height: 16, width: "50%" }), _jsx(Skeleton, { variant: "rounded", height: 32, width: "20%" })] }, index))) }));
};
