'use client';

import { ActionLink } from '@/components/actions/ActionLink';
import { accountCreateUrl } from '@/lib/account-urls';
import type { Locale } from '@/lib/localization/config';
import type { ThemePreference } from '@/lib/theme/config';
import type { ComponentProps } from 'react';
import { useThemePreference } from './useThemePreference';

interface ThemedAccountCreateLinkProps
  extends Omit<ComponentProps<typeof ActionLink>, 'href'> {
  locale: Locale;
  initialPreference: ThemePreference;
}

export function ThemedAccountCreateLink({
  locale,
  initialPreference,
  ...props
}: ThemedAccountCreateLinkProps) {
  const preference = useThemePreference(initialPreference);
  return <ActionLink href={accountCreateUrl(locale, preference)} {...props} />;
}