import type { ComponentType, SVGProps } from 'react';

import { OpenTelemetry } from './opentelemetry';

import { Validation } from './validation';

import { Datadog } from './datadog';

import { Sentry } from './sentry';

import { Category, EcosystemElement, Technology } from '../types';

export const ECOSYSTEM_HOOKS: EcosystemElement[] = [OpenTelemetry, Validation, Datadog, Sentry]

.map((hook) => {

return hook.technologies.map(({ vendorOfficial, technology, href, category }): EcosystemElement => {

return {

title: `${hook.name} Hook`,

description: typeof hook.description === 'string' ? hook.description : hook.description(vendorOfficial),

type: 'Hook',

logo: hook.logo,

href,

allTechnologies: [technology],

technology,

vendorOfficial,

category,

};

});

})

.flat();

export type Hook = {

};