awesome-chatgpt-prompts-prompts.chat/mdx-components.tsx

import type { MDXComponents } from "mdx/types";
import type { ComponentPropsWithoutRef } from "react";
import { Callout, Checklist, Collapsible, Compare, ContextPlayground, ContextWindowDemo, CRISPEFramework, EmbeddingsDemo, FewShotDemo, IconCheck, IconClipboard, IconLightbulb, IconLock, IconSettings, IconStar, IconTarget, IconUser, IconX, InfoGrid, IterativeRefinementDemo, JailbreakDemo, JsonYamlDemo, PrinciplesSummary, PromptBreakdown, Quiz, RTFFramework, SpecificitySpectrum, StructuredOutputDemo, SummarizationDemo, TemperatureDemo, TextToImageDemo, TextToVideoDemo, TokenizerDemo, TryIt } from "@/components/book/interactive";

export function useMDXComponents(components: MDXComponents): MDXComponents {
  return {
    ...components,
    table: ({ ref: _ref, ...props }: ComponentPropsWithoutRef<"table"> & { ref?: unknown }) => (
      <div className="my-6 w-full overflow-x-auto">
        <table className="w-full border-collapse text-sm" {...props} />
      </div>
    ),
    thead: ({ ref: _ref, ...props }: ComponentPropsWithoutRef<"thead"> & { ref?: unknown }) => (
      <thead className="bg-muted/50" {...props} />
    ),
    tbody: ({ ref: _ref, ...props }: ComponentPropsWithoutRef<"tbody"> & { ref?: unknown }) => (
      <tbody {...props} />
    ),
    th: ({ ref: _ref, ...props }: ComponentPropsWithoutRef<"th"> & { ref?: unknown }) => (
      <th className="border border-border px-4 py-2 text-left font-semibold" {...props} />
    ),
    td: ({ ref: _ref, ...props }: ComponentPropsWithoutRef<"td"> & { ref?: unknown }) => (
      <td className="border border-border px-4 py-2" {...props} />
    ),
    tr: ({ ref: _ref, ...props }: ComponentPropsWithoutRef<"tr"> & { ref?: unknown }) => (
      <tr className="even:bg-muted/30" {...props} />
    ),
    Callout,
    Checklist,
    Collapsible,
    Compare,
    ContextPlayground,
    ContextWindowDemo,
    CRISPEFramework,
    EmbeddingsDemo,
    FewShotDemo,
    IconCheck,
    IconClipboard,
    IconLightbulb,
    IconLock,
    IconSettings,
    IconStar,
    IconTarget,
    IconUser,
    IconX,
    InfoGrid,
    IterativeRefinementDemo,
    JailbreakDemo,
    JsonYamlDemo,
    PrinciplesSummary,
    PromptBreakdown,
    Quiz,
    RTFFramework,
    SpecificitySpectrum,
    StructuredOutputDemo,
    SummarizationDemo,
    TemperatureDemo,
    TextToImageDemo,
    TextToVideoDemo,
    TokenizerDemo,
    TryIt,
  };
}