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
  782193ea_72c5_add1_f292_9f82b896daad["tabs-rtl.tsx"]
  1d141819_425e_b5fd_4c8e_32f7c6a42cf2["react"]
  782193ea_72c5_add1_f292_9f82b896daad --> 1d141819_425e_b5fd_4c8e_32f7c6a42cf2
  3f7abb04_1707_b324_1349_fc528ddbfb88["card"]
  782193ea_72c5_add1_f292_9f82b896daad --> 3f7abb04_1707_b324_1349_fc528ddbfb88
  c6f3f501_5f7b_fb4a_239a_58987c1e7df9["tabs"]
  782193ea_72c5_add1_f292_9f82b896daad --> c6f3f501_5f7b_fb4a_239a_58987c1e7df9
  2c1404ab_bf28_6225_f9a0_b9e29400c66c["language-selector"]
  782193ea_72c5_add1_f292_9f82b896daad --> 2c1404ab_bf28_6225_f9a0_b9e29400c66c
  style 782193ea_72c5_add1_f292_9f82b896daad 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/base/ui-rtl/card"
import {
  Tabs,
  TabsContent,
  TabsList,
  TabsTrigger,
} from "@/examples/base/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)