supabase/apps/docs/features/docs/MdxBase.shared.tsx

import { ArrowDown, Check, X } from 'lucide-react'
import Link from 'next/link'
import { Button, Image } from 'ui'
import { Admonition, type AdmonitionProps } from 'ui-patterns/admonition'
import { GlassPanel } from 'ui-patterns/GlassPanel'
import { IconPanel } from 'ui-patterns/IconPanel'
import SqlToRest from 'ui-patterns/SqlToRest'
import { Heading } from 'ui/src/components/CustomHTMLElements'
import { AppleSecretGenerator } from '~/components/AppleSecretGenerator'
import AuthProviders from '~/components/AuthProviders'
import { AuthSmsProviderConfig } from '~/components/AuthSmsProviderConfig'
import { CostWarning } from '~/components/AuthSmsProviderConfig/AuthSmsProviderConfig.Warnings'
import ButtonCard from '~/components/ButtonCard'
import { Extensions } from '~/components/Extensions'
import { JwtGenerator } from '~/components/JwtGenerator'
import {
  AuthErrorCodesTable,
  AuthRateLimits,
  CreateClientSnippet,
  DatabaseSetup,
  GetSessionWarning,
  HuggingFaceDeployment,
  KotlinProjectSetup,
  MigrationWarnings,
  OAuthPkceFlow,
  ProjectSetup,
  QuickstartDbSetup,
  QuickstartIntro,
  SocialProviderSettingsSupabase,
  SocialProviderSetup,
  PostgresInstallation,
  PricingMfaPhone,
  PricingBranching,
  PricingEdgeFunctions,
  PricingMau,
  PricingMauSso,
  PricingMauThirdParty,
  PricingPitr,
  PricingRealtimeMessages,
  PricingRealtimeConnections,
  PricingStorageImageTransformations,
  PricingStorageSize,
} from '~/components/MDX/partials'
import { NavData } from '~/components/NavData'
import { ProjectConfigVariables } from '~/components/ProjectConfigVariables'
import { RealtimeLimitsEstimator } from '~/components/RealtimeLimitsEstimator'
import { RegionsList } from '~/components/RegionsList'
import { SharedData } from '~/components/SharedData'
import StepHikeCompact from '~/components/StepHikeCompact'
import { CodeSampleDummy, CodeSampleWrapper } from '~/features/directives/CodeSample.client'
import { Accordion, AccordionItem } from '~/features/ui/Accordion'
import * as CH from '~/features/ui/CodeHike'
import { ShowUntil } from '~/features/ui/ShowUntil'
import { TabPanel, Tabs } from '~/features/ui/Tabs'
import InfoTooltip from '~/features/ui/InfoTooltip'

const components = {
  Accordion,
  AccordionItem,
  Admonition,
  // Admonition: (props: AdmonitionProps) => <Admonition className="[&_a]:underline" {...props} />,
  AuthErrorCodesTable,
  AuthRateLimits,
  AuthSmsProviderConfig,
  AppleSecretGenerator,
  AuthProviders,
  Button,
  ButtonCard,
  CH,
  CodeSampleDummy,
  CodeSampleWrapper,
  CostWarning,
  CreateClientSnippet,
  DatabaseSetup,
  Extensions,
  GetSessionWarning,
  GlassPanel,
  HuggingFaceDeployment,
  IconArrowDown: ArrowDown,
  IconCheck: Check,
  IconPanel,
  IconX: X,
  Image: (props: any) => <Image fill className="object-contain" {...props} />,
  JwtGenerator,
  KotlinProjectSetup,
  Link,
  MigrationWarnings,
  NavData,
  OAuthPkceFlow,
  ProjectConfigVariables,
  ProjectSetup,
  QuickstartDbSetup,
  QuickstartIntro,
  RealtimeLimitsEstimator,
  RegionsList,
  SharedData,
  ShowUntil,
  SocialProviderSettingsSupabase,
  SocialProviderSetup,
  PostgresInstallation,
  SqlToRest,
  StepHikeCompact,
  Tabs,
  TabPanel,
  InfoTooltip,
  PricingMfaPhone,
  PricingBranching,
  PricingEdgeFunctions,
  PricingMau,
  PricingMauSso,
  PricingMauThirdParty,
  PricingPitr,
  PricingRealtimeMessages,
  PricingRealtimeConnections,
  PricingStorageImageTransformations,
  PricingStorageSize,
  h2: (props: any) => (
    <Heading tag="h2" {...props}>
      {props.children}
    </Heading>
  ),
  h3: (props: any) => (
    <Heading tag="h3" {...props}>
      {props.children}
    </Heading>
  ),
  h4: (props: any) => (
    <Heading tag="h4" {...props}>
      {props.children}
    </Heading>
  ),
}

export { components }