"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.MenuItemWrapper = exports.SkeletonWrapper = void 0;
const Skeleton_1 = require("@mui/material/Skeleton");
const styled_1 = require("../../../styled");
exports.SkeletonWrapper = styled_1.styled.div `
    display: flex;
    flex-direction: column;
    gap: ${({ theme }) => theme.spacing(5)};

    min-width: 140px;
    min-height: 96px;  
    padding: ${({ theme }) => theme.microSpacing(5, 6)};

    ${({ theme }) => theme.breakpoints.down('sm')} {
        gap: 0;

        padding: 0;
    }
`;
exports.MenuItemWrapper = styled_1.styled.div `
    & .${Skeleton_1.skeletonClasses.root} {
        height: 12px;
    }

    ${({ theme }) => theme.breakpoints.down('sm')} {
        min-height: 48px;
        padding: ${({ theme }) => theme.spacing(2, 3, 3)};

        & .${Skeleton_1.skeletonClasses.root} {
            height: 20px;
        }
    }
`;
