"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.SelectTokenCardHeader = void 0;
const CardHeader_1 = require("@mui/material/CardHeader");
const styles_1 = require("@mui/material/styles");
const Card_1 = require("../Card");
exports.SelectTokenCardHeader = (0, styles_1.styled)(Card_1.CardHeader, {
    shouldForwardProp: (prop) => !['selected', 'compact'].includes(prop),
})(({ theme, selected, compact }) => ({
    height: 56,
    padding: 0,
    [`.${CardHeader_1.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',
    },
    [`.${CardHeader_1.cardHeaderClasses.subheader}`]: {
        textOverflow: 'ellipsis',
        whiteSpace: 'nowrap',
        overflow: 'hidden',
        width: 'fit-content',
        fontSize: '0.5rem',
        display: 'none'
    },
}));
