import Skeleton, { skeletonClasses } from '@mui/material/Skeleton';
import { styled } from '../styled';
import { rgba } from '../utils/colors';
export const StyledSkeleton = styled(Skeleton, {
    shouldForwardProp: (prop) => !['$shapeSize'].includes(prop),
}) `
  /* stylelint-disable-next-line */
  background-color: ${({ theme }) => rgba(theme.palette.grey[900], 0.12)};

  &.${skeletonClasses.text} {
    border-radius: ${({ theme, $shapeSize }) => theme.shape[$shapeSize]};
  }

  &.${skeletonClasses.rounded} {
    border-radius: ${({ theme, $shapeSize }) => theme.shape[$shapeSize]};
  }
`;
