Как с помощью TypeScript в React компоненте описать входящие props, если жду разные? (в зависимости от props.type: "bigCard" | "smallCard" )

type Props = {
  type: 'bigCard' | 'smallCard';
  // общие пропсы для обоих типов карточек
  title: string;
  imageUrl: string;
  // пропсы для карточки типа "bigCard"
  description?: string;
  // пропсы для карточки типа "smallCard"
  date?: string;
};

const Card: React.FC<Props> = ({ type, title, imageUrl, description, date }) => {
  if (type === 'bigCard') {
    // рендеринг компонента для типа "bigCard"
    return (
      <div>
        <h2>{title}</h2>
        <img src={imageUrl} alt="" />
        <p>{description}</p>
      </div>
    );
  }

  // рендеринг компонента для типа "smallCard"
  return (
    <div>
      <h2>{title}</h2>
      <img src={imageUrl} alt="" />
      <p>{date}</p>
    </div>
  );
};