import React, { FC } from 'react';
import { Helmet } from 'react-helmet-async';

import { DeferSeoProps } from '../types';

/**
 * @internal
 */
export interface SocialProfileJsonLdProps extends DeferSeoProps {
  type: string;
  name: string;
  url: string;
  sameAs: string[];
}

/**
 * @deprecated
 *
 * See the Google
 * {@link https://developers.google.com/search/docs/data-types/social-profile | documentation}
 * with the reason for deprecation.
 *
 * @internal
 */
export const SocialProfileJsonLd: FC<SocialProfileJsonLdProps> = ({
  type,
  name,
  url,
  sameAs = [],
  defer = false,
}) => {
  const jsonld = `{
    "@context": "http://schema.org",
    "@type": "${type}",
    "name": "${name}",
    "url": "${url}",
    "sameAs": [
      ${sameAs.map((socialUrl) => `"${socialUrl}"`).toString()}
     ]
  }`;

  return (
    <Helmet defer={defer}>
      <script type='application/ld+json'>{jsonld}</script>
    </Helmet>
  );
};