solution1.tsx

import React, { FC, ReactNode } from "react";

interface ICardProps {
  chindren: ReactNode;
}

type CardProps<P> = FC<P> & {
  Header: ReactNode;
};

const Card: CardProps<ICardProps> = ({ children }) => {
  return <div>{children}</div>;
};

interface CardHeaderProps {
  title: string;
}
const CardHeader: FC<CardHeaderProps> = ({ title }) => {
  return <header>{title}</header>;
};

Card.Header = CardHeader;

export default Card;