'use client';

import * as React from 'react';

import { allDocs } from 'contentlayer/generated';

import { Mdx } from './mdx-components';

interface FrameworkDocsProps extends React.HTMLAttributes<HTMLDivElement> {
  data: string;
}

export function FrameworkDocs({ ...props }: FrameworkDocsProps) {
  const frameworkDoc = allDocs.find(
    (doc) => doc.slug === `/docs/components/installation/${props.data}`
  );

  if (!frameworkDoc) {
    return null;
  }

  return <Mdx code={frameworkDoc.body.code} />;
}
