import {Modal, styled} from '@mui/material';

const Container = styled(Modal)`
    display: flex;
    justify-content: center;
    align-items: center;
`;

const ModalContent = styled('div')`
    background-color: ${({theme}) => theme.palette.gray[25]};
    border-radius: 1rem;
    min-width: 300px;
    max-height: 90vh;
    min-height: 100px;
    position: relative;
    display: flex;
    flex-direction: column;
`;

export const ModalComponents = {
    Container,
    ModalContent,
};