doc-1

1---
2import { cn } from "@/lib/utils"
3import { Button } from "@/components/ui/button"
4import { buttonVariants } from "@/components/ui/button/button-variants"
5import {
6  Card,
7  CardDescription,
8  CardFooter,
9  CardHeader,
10} from "@/components/ui/card"
11import {
12  DropdownMenu,
13  DropdownMenuContent,
14  DropdownMenuTrigger,
15} from "@/components/ui/dropdown-menu"
16import { Icon } from "@/components/ui/icon"
17import { SectionContainer } from "@/components/ui/section"
18import {
19  Toc,
20  TocMenu,
21  TocMenuItem,
22  TocMenuLink,
23  TocTitle,
24} from "@/components/ui/toc"
25import {
26  Typography,
27  TypographyH1,
28  TypographyLead,
29} from "@/components/ui/typography"
30 
31type Props = {
32  class?: string
33  title: string
34  description?: string
35  copyButton?: {
36    id: string
37    source: string
38  }
39  markdownUrl?: string
40  tocItems: {
41    depth: number
42    href: string
43    label: string
44  }[]
45  callout?: {
46    description: string
47    button: {
48      label: string
49      href: string
50      variant?: "default" | "outline" | "secondary" | "ghost"
51    }
52  }
53  previousPage?: {
54    href: string
55    title: string
56  }
57  nextPage?: {
58    href: string
59    title: string
60  }
61  labels: {
62    copyMarkdown: string
63    openIn: string
64    openInMarkdown: string
65    openInChatGPT: string
66    openInClaude: string
67    openInCursor: string
68    pagination: {
69      previous: string
70      next: string
71      ariaLabel: string
72    }
73    toc: string
74  }
75}
76 
77const {
78  class: className,
79  title,
80  description,
81  copyButton,
82  markdownUrl,
83  tocItems,
84  callout,
85  previousPage,
86  nextPage,
87  labels,
88} = Astro.props
89const showCopyButton = Boolean(copyButton)
90const showOpenButton = Boolean(markdownUrl)
91const showPagination = Boolean(previousPage || nextPage)
92const assistantPrompt = markdownUrl
93  ? `Read ${markdownUrl}, I want to ask questions about it.`
94  : ""
95const openLinks = markdownUrl
96  ? [
97      {
98        label: labels.openInMarkdown,
99        href: markdownUrl,
100        icon: "markdown",
101      },
102      {
103        label: labels.openInChatGPT,
104        href: `https://chatgpt.com/?hints=search&q=${encodeURIComponent(assistantPrompt)}`,
105        icon: "chatgpt",
106      },
107      {
108        label: labels.openInClaude,
109        href: `https://claude.ai/new?q=${encodeURIComponent(assistantPrompt)}`,
110        icon: "claude",
111      },
112      {
113        label: labels.openInCursor,
114        href: `https://cursor.com/link/prompt?text=${encodeURIComponent(assistantPrompt)}`,
115        icon: "cursor",
116      },
117    ]
118  : []
119---
120 
121// … truncated