TroubleshootingHeader() — supabase Function Reference

Source Code

apps/docs/features/docs/Troubleshooting.ui.tsx lines 91–119

export function TroubleshootingHeader({
  title,
  description,
  keywords,
  products,
  errors,
}: {
  title: string
  description: string
  keywords: Array<string>
  products?: Array<string>
  errors: ITroubleshootingMetadata['errors']
}) {
  return (
    <div className="lg:sticky lg:top-[var(--header-height)] lg:z-10 bg-background">
      <div className="pt-8 pb-6 px-5">
        <h1 className="text-4xl tracking-tight mb-7">{title}</h1>
        <p className="text-lg text-foreground-light">{description}</p>
        <hr className="my-7" aria-hidden />
        <TroubleshootingFilter
          keywords={keywords}
          products={products}
          errors={errors}
          className="mb-0"
        />
      </div>
    </div>
  )
}