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

const Container = styled('div')`
    padding: 4px;

    > div {
        max-height: 320;
        overflow-y: auto;

        /* width */
        &::-webkit-scrollbar {
            width: 8px;
        }

        /* Track */
        &::-webkit-scrollbar-track {
            background: transparent;
        }

        /* Handle */
        &::-webkit-scrollbar-thumb {
            background: #eaecf0;
            border-radius: 100rem;
        }

        /* Handle on hover */
        &::-webkit-scrollbar-thumb:hover {
            background: #555;
        }
    }
`;

export const DropdownMenuListStyle = {
    Container,
};