import * as React from "react"; import { Globe2 } from "lucide-react"; import { Alert, AlertDescription, AlertTitle } from "@/components/ui/alert"; import { Badge } from "@/components/ui/badge"; import { Button } from "@/components/ui/button"; import { DocsNavKnowledgeBaseRegionalizationSeven } from "@/registry/docs-nav-knowledge-base-regionalization-seven/docs-nav-knowledge-base-regionalization-seven"; import { IframeAutoHeight } from "@/app/(dynamic-pages)/(external-dynamic-pages)/ui/(showcase)/iframe-auto-height"; import { IframeAutoHeight } from "@/app/(dynamic-pages)/(external-dynamic-pages)/ui/(showcase)/iframe-auto-height"; import { IframeAutoHeight } from "@/app/(dynamic-pages)/(external-dynamic-pages)/ui/(showcase)/iframe-auto-height"; import { IframeAutoHeight } from "@/app/(dynamic-pages)/(external-dynamic-pages)/ui/(showcase)/iframe-auto-height"; import { IframeAutoHeight } from "@/app/(dynamic-pages)/(external-dynamic-pages)/ui/(showcase)/iframe-auto-height"; type ComponentProps = React.ComponentPropsWithoutRef< typeof DocsNavKnowledgeBaseRegionalizationSeven >; const locales: ComponentProps["locales"] = [ { id: "en-us", label: "English", region: "United States", status: "translated", }, { id: "fr-fr", label: "Français", region: "France", status: "translated" }, { id: "pt-br", label: "Português", region: "Brasil", status: "auto" }, ]; const sections: ComponentProps["sections"] = [ { id: "compliance", title: "Compliance overview", anchors: [ { id: "gdpr", label: "GDPR requirements", href: "#gdpr", description: "Understand EU data processing agreements and breach policies.", }, { id: "lgpd", label: "LGPD compliance", href: "#lgpd", description: "Brazilian privacy regulation checklist and templates.", }, ], }, { id: "tax", title: "Regional tax guides", anchors: [ { id: "vat", label: "VAT guidance", href: "#vat", description: "Rates, reverse charge, and invoice formatting by country.", }, { id: "gst", label: "GST in APAC", href: "#gst", description: "Registration thresholds, reporting cadence, and returns.", }, ], }, ]; const complianceNotices: ComponentProps["complianceNotices"] = [ { id: "reg-update", title: "EU Digital Services Act disclosure", description: "Provide an annual transparency summary for EU audiences.", severity: "info", }, { id: "critical", title: "Brazil LGPD change", description: "Update retention policies before Jan 1 to avoid penalties.", severity: "critical", }, ]; export function DocsNavKnowledgeBaseRegionalizationSevenDemo() { const [locale, setLocale] = React.useState(locales[0]?.id); const [activeAnchorId, setActiveAnchorId] = React.useState< string | undefined >("gdpr"); return ( setActiveAnchorId(anchor.id)} >

LGPD compliance checklist

Understand Brazil’s data privacy regulation, retention windows, and reporting cadence. Locale picker updates anchors and callouts automatically.

Reminder Sync legal notices with product copywriters to avoid mismatched translations.

VAT guidance for EU markets

Reference rates, reverse charge rules, and invoice formatting per country. Provide localized templates for export.

GST in APAC

Cover registration thresholds, reporting cadence, and returns for Australia, Singapore, and India.

); } export default DocsNavKnowledgeBaseRegionalizationSevenDemo;

Simple