/**
 * Wrapper component for translated text to prevent hydration mismatches
 * Use this for any text that uses i18n translations
 */
export function TranslatedText({ children, as: Component = "span", ...props }) {
  return (
    <Component suppressHydrationWarning {...props}>
      {children}
    </Component>
  );
}

export default TranslatedText;