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>
            {description ?
                <p className='mt-2 leading-6 text-[var(--foreground-secondary)]'>{description}</p> : null
            }

        </div>
    );
}