import { Thing, WithContext } from 'schema-dts';

interface JsonLdProps {
  id?: string;
  data?: WithContext<Thing> | WithContext<Thing>[];
}

export default function JsonLd({ id, data }: JsonLdProps) {
  // If data is provided, use it. Otherwise, use the default Organization + WebSite schema.
  const schemaData = data || [
    {
      '@context': 'https://schema.org',
      '@type': 'Organization',
      name: 'KLZ Cables',
      url: 'https://klz-cables.com',
      logo: 'https://klz-cables.com/logo-blue.svg',
      sameAs: [
        'https://www.linkedin.com/company/klz-cables',
      ],
      description: 'Premium Cable Solutions for Renewable Energy and Infrastructure.',
      address: {
        '@type': 'PostalAddress',
        addressCountry: 'DE',
      },
    },
    {
      '@context': 'https://schema.org',
      '@type': 'WebSite',
      name: 'KLZ Cables',
      url: 'https://klz-cables.com',
      potentialAction: {
        '@type': 'SearchAction',
        target: {
          '@type': 'EntryPoint',
          urlTemplate: 'https://klz-cables.com/search?q={search_term_string}',
        },
        'query-input': 'required name=search_term_string',
      },
    }
  ];

  return (
    <script
      id={id}
      type="application/ld+json"
      dangerouslySetInnerHTML={{
        __html: JSON.stringify(schemaData),
      }}
    />
  );
}