import { Separator } from '@kit/ui/separator';
import { Trans } from '@kit/ui/trans';

export default function SettingsSectionHeader({
  titleKey,
  descriptionKey,
}: {
  titleKey: string;
  descriptionKey: string;
}) {
  return (
    <div className="space-y-2">
      <h1 className="text-2xl font-semibold text-gray-900">
        <Trans i18nKey={titleKey} />
      </h1>
      <p className="text-gray-600">
        <Trans i18nKey={descriptionKey} />
      </p>
      <Separator />
    </div>
  );
}