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

const Container = styled('div')`
    font-family: inherit;
    color: ${({theme}) => theme.palette.typography[900]};
    position: absolute;
    background-color: transparent;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-inline-start: 0.75rem;
    box-sizing: border-box;
    border-radius: 0.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
`;

export const DropdownSingleValueStyle = {
    Container,
};