import { Divider } from '../../Divider';
import { Paper } from '../../Paper';
import { styled } from '../../styled';
export const Wrapper = styled.div `
    display: flex;
    flex-direction: column;

    height: 100%;
    padding: ${({ theme }) => theme.spacing(4, 5)};

    ${({ theme }) => theme.breakpoints.down('sm')} {
        padding: ${({ theme }) => theme.spacing(5, 4)};
    }
`;
export const StyledDivider = styled(Divider) `
    margin: ${({ theme }) => theme.spacing(4, 0)}
`;
export const CardHeader = styled.div `
    display: flex;
    gap: ${({ theme }) => theme.spacing(1)};
    align-items: center;
    justify-content: space-between;
`;
export const HeaderWrapper = styled.div `
    overflow: hidden;
    flex: 1;
`;
export const StyledPaper = styled(Paper) `
    height: 100%;
`;
