button-group-demo.tsx — ui Source File

Source Code

"use client"

import * as React from "react"
import { Button } from "@/examples/base/ui-rtl/button"
import { ButtonGroup } from "@/examples/base/ui-rtl/button-group"
import {
  DropdownMenu,
  DropdownMenuContent,
  DropdownMenuGroup,
  DropdownMenuItem,
  DropdownMenuPortal,
  DropdownMenuRadioGroup,
  DropdownMenuRadioItem,
  DropdownMenuSeparator,
  DropdownMenuSub,
  DropdownMenuSubContent,
  DropdownMenuSubTrigger,
  DropdownMenuTrigger,
} from "@/examples/base/ui-rtl/dropdown-menu"
import {
  ArchiveIcon,
  ArrowLeftIcon,
  CalendarPlusIcon,
  ClockIcon,
  ListFilterIcon,
  MailCheckIcon,
  MoreHorizontalIcon,
  TagIcon,
  Trash2Icon,
} from "lucide-react"

import { useLanguageContext } from "@/components/language-selector"

const translations = {
  ar: {
    dir: "rtl" as const,
    goBack: "رجوع",
    archive: "أرشفة",
    report: "إبلاغ",
    snooze: "تأجيل",
    moreOptions: "خيارات أخرى",
    markAsRead: "تحديد كمقروء",
    addToCalendar: "إضافة إلى التقويم",
    addToList: "إضافة إلى القائمة",
    labelAs: "تصنيف كـ...",
    personal: "شخصي",
    work: "عمل",
    other: "أخرى",
    trash: "حذف",
  },
  he: {
    dir: "rtl" as const,
    goBack: "חזור",
    archive: "ארכיון",
    report: "דווח",
    snooze: "נודניק",
    moreOptions: "אפשרויות נוספות",
    markAsRead: "סמן כנקרא",
    addToCalendar: "הוסף ליומן",
    addToList: "הוסף לרשימה",
// ... (120 more lines)