interface EmptyStateProps {
  title: string;
  description: string;
}

export function EmptyState({ title, description }: EmptyStateProps) {
  return (
    <div className='rounded-2xl border border-dashed border-[var(--border-default)] bg-[var(--surface-muted)] px-5 py-6 text-sm'>
      <p className='text-base font-semibold text-[var(--foreground-primary)]'>{title}</p>
      <p className='mt-2 leading-6 text-[var(--foreground-secondary)]'>{description}</p>
    </div>
  );
}