import { cardHeaderClasses } from '@mui/material/CardHeader';
import { styled } from '@mui/material/styles';
import { CardHeader } from '../Card';
export const SelectTokenCardHeader = styled(CardHeader, {
    shouldForwardProp: (prop) => !['selected', 'compact'].includes(prop),
})(({ theme, selected, compact }) => ({
    height: 56,
    padding: 0,
    [`.${cardHeaderClasses.title}`]: {
        color: selected
            ? theme.palette.text.primary
            : theme.palette.text.secondary,
        textOverflow: 'ellipsis',
        whiteSpace: 'nowrap',
        overflow: 'hidden',
        width: 'fit-content',
        marginLeft: '-8px',
        fontWeight: selected ? 700 : 700,
        fontSize: compact && !selected ? '1.5rem' : '1.5rem',
    },
    [`.${cardHeaderClasses.subheader}`]: {
        textOverflow: 'ellipsis',
        whiteSpace: 'nowrap',
        overflow: 'hidden',
        width: 'fit-content',
        fontSize: '0.5rem',
        display: 'none'
    },
}));
