tabs-rtl.tsx — ui Source File

Architecture documentation for tabs-rtl.tsx, a tsx file in the ui codebase. 4 imports, 0 dependents.

File tsx DocumentationAtlas SearchAPI 4 imports 1 functions

Entity Profile

DocumentationAtlas→ SearchAPI→ tabs-rtl.tsx — ui Source File

Dependency Diagram

graph LR
  24b5dee3_7792_72b5_7fbf_24c57e8dfec6["tabs-rtl.tsx"]
  1d141819_425e_b5fd_4c8e_32f7c6a42cf2["react"]
  24b5dee3_7792_72b5_7fbf_24c57e8dfec6 --> 1d141819_425e_b5fd_4c8e_32f7c6a42cf2
  32129cf4_1d7d_ebb9_b756_f6fa61def19f["card"]
  24b5dee3_7792_72b5_7fbf_24c57e8dfec6 --> 32129cf4_1d7d_ebb9_b756_f6fa61def19f
  5e68ef3e_279b_1ec6_5e70_b3b42ce2b578["tabs"]
  24b5dee3_7792_72b5_7fbf_24c57e8dfec6 --> 5e68ef3e_279b_1ec6_5e70_b3b42ce2b578
  2c1404ab_bf28_6225_f9a0_b9e29400c66c["language-selector"]
  24b5dee3_7792_72b5_7fbf_24c57e8dfec6 --> 2c1404ab_bf28_6225_f9a0_b9e29400c66c
  style 24b5dee3_7792_72b5_7fbf_24c57e8dfec6 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

"use client"

import * as React from "react"
import {
  Card,
  CardContent,
  CardDescription,
  CardHeader,
  CardTitle,
} from "@/examples/radix/ui-rtl/card"
import {
  Tabs,
  TabsContent,
  TabsList,
  TabsTrigger,
} from "@/examples/radix/ui-rtl/tabs"

import {
  useTranslation,
  type Translations,
} from "@/components/language-selector"

const translations: Translations = {
  en: {
    dir: "ltr",
    values: {
      overview: "Overview",
      analytics: "Analytics",
      reports: "Reports",
      settings: "Settings",
      overviewTitle: "Overview",
      overviewDesc:
        "View your key metrics and recent project activity. Track progress across all your active projects.",
      overviewContent: "You have 12 active projects and 3 pending tasks.",
      analyticsTitle: "Analytics",
      analyticsDesc:
        "Track performance and user engagement metrics. Monitor trends and identify growth opportunities.",
      analyticsContent: "Page views are up 25% compared to last month.",
      reportsTitle: "Reports",
      reportsDesc:
        "Generate and download your detailed reports. Export data in multiple formats for analysis.",
      reportsContent: "You have 5 reports ready and available to export.",
      settingsTitle: "Settings",
      settingsDesc:
        "Manage your account preferences and options. Customize your experience to fit your needs.",
      settingsContent: "Configure notifications, security, and themes.",
    },
  },
  ar: {
    dir: "rtl",
    values: {
      overview: "نظرة عامة",
      analytics: "التحليلات",
      reports: "التقارير",
      settings: "الإعدادات",
      overviewTitle: "نظرة عامة",
      overviewDesc:
        "عرض مقاييسك الرئيسية وأنشطة المشروع الأخيرة. تتبع التقدم عبر جميع مشاريعك النشطة.",
      overviewContent: "لديك ١٢ مشروعًا نشطًا و٣ مهام معلقة.",
      analyticsTitle: "التحليلات",
// ... (99 more lines)