import { useBaseFontSize } from '@leafygreen-ui/leafygreen-provider';
import { BaseFontSize } from '@leafygreen-ui/tokens';

/**
 * A temporary wrapper around {@link useBaseFontSize}
 *
 * Returns a font size token consistent with the visual brand refresh.
 *
 * Once all components have been updated for the refresh,
 * this hook will be removed, and {@link useBaseFontSize} updated
 * to return the updated tokens.
 *
 * @param override: If the calling component accepts a `baseFontSize` prop, pass that prop into this hook to respect it
 * @deprecated
 * @internal
 * @returns - {@link BaseFontSize}
 */
export const useUpdatedBaseFontSize = (
  override?: BaseFontSize | 14,
): BaseFontSize => {
  const baseFontSize = useBaseFontSize();
  if (override)
    return override === 16 ? BaseFontSize.Body2 : BaseFontSize.Body1;
  return baseFontSize === 16 ? BaseFontSize.Body2 : BaseFontSize.Body1;
};