import { CardHeader, CardTitle } from '../../core/Card';

export type DownloadHeaderProps = {
  title: string;
  eyebrow: string;
};

export function DownloadHeader({ title, eyebrow }: DownloadHeaderProps) {
  return (
    <CardHeader className="ask-flex ask-items-center ask-justify-between ask-gap-2">
      <CardTitle>{title}</CardTitle>
      <span className="ask-text-[10px] ask-text-textMuted">{eyebrow}</span>
    </CardHeader>
  );
}
