TypeScript 97.5%
SQL 1.4%
Python 0.8%
1import * as React from "react";2import { Alert } from "@/components/ui/alert";3import { cn } from "@/lib/utils";45/** Documentation callout built on the shared `Alert`. */6export function Callout({7 variant = "info",8 title,9 children,10 className,11}: {12 variant?: "info" | "success" | "warning" | "danger";13 title?: React.ReactNode;14 children?: React.ReactNode;15 className?: string;16}) {17 return (18 <Alert variant={variant} title={title} className={cn("my-5 [&_code]:rounded-[4px] [&_code]:border [&_code]:border-border [&_code]:bg-bg/60 [&_code]:px-1 [&_code]:py-px [&_code]:font-mono [&_code]:text-[0.88em] [&_a]:font-medium [&_a]:text-accent [&_a]:underline [&_a]:underline-offset-2", className)}>19 {children}20 </Alert>21 );22}2324/** Standard notice for features that are not yet available. */25export function ComingSoon({ children, title = "Not yet available" }: { children?: React.ReactNode; title?: React.ReactNode }) {26 return (27 <Callout variant="warning" title={title}>28 {children ?? "This capability is planned but not live yet. The documentation below describes the intended design so you can plan ahead; nothing on this page is callable today."}29 </Callout>30 );31}32