import LinearProgress, { linearProgressClasses, } from '@mui/material/LinearProgress';
import { Divider } from '../../Divider';
import { styled } from '../../styled';
export const Backdrop = styled.div `
  position: absolute;
  top: 0;

  width: 100%;
  height: 100%;

  opacity: 0.3;
  background-color: ${({ theme }) => theme.palette.background.element};

  ${({ theme }) => theme.breakpoints.down('sm')} {
    display: none;
  }
`;
export const StyledDivider = styled(Divider) `
  border-width: 1px;
`;
export const LoaderWrapper = styled.div `
  position: sticky;
  z-index: ${({ theme }) => theme.zIndex.fab};
  left: 0;

  ${({ theme }) => theme.breakpoints.down('sm')} {
    display: none;
  }
`;
export const StyledLinearProgress = styled(LinearProgress) `
  height: 2px;

  .${linearProgressClasses.barColorPrimary} {
    background-color: ${({ theme }) => theme.palette.primary[800]};
  }
`;
