import styled, { css } from "styled-components";
import { GlobalToken, theme } from 'antd';



const InfoCard = styled.div<{ $token?: GlobalToken; $width: string}>`
  font-size: 48px;
  

  margin-right: 10px;
  ${props => props.$token && css`
      background-color: ${props.$token.colorBgContainer};
      box-shadow: ${props.$token.boxShadow};
      color: ${props.$token.colorTextSecondary};
  `}
        border-radius: 8px;
        font-size: 14px;
        line-height: 22px;
        padding: 16px 19px;
        // minWidth: '150px',
        // maxWidth: '250px',
        //width: 290px;
        width: ${props.$width}
        //flex: 1,
`; где ошибка?