/* eslint-disable react/jsx-props-no-spreading */
import React from 'react';
import styled from 'styled-components';

import Skeleton, { SkeletonProps } from '@material-ui/lab/Skeleton';
import { ThemeObject } from '../Theme';

export const StyledSkeleton = styled((props: SkeletonProps & { $theme: ThemeObject }) => <Skeleton {...props} />)`
  && {
    background-color: ${(props) => props.$theme.pallet.gray20};
  }
`;
