'use client';
import React from 'react';
import { Text } from '@/components/ui/text';
import {
  Dialog,
  DialogTrigger,
  DialogContent,
  DialogTitle,
} from '@/components/ui/dialog';
import { VisuallyHidden } from '@radix-ui/react-visually-hidden';

const CountryCode = () => {
  return (
    <>
      <Dialog>
        <DialogTrigger asChild>
          <Text weight="semibold" className="mb-2 cursor-pointer">
            India - Asia/Kolkata(UTC +05:30)
          </Text>
        </DialogTrigger>
        <DialogContent>
          <VisuallyHidden>
            <DialogTitle>Hidden Title</DialogTitle>
          </VisuallyHidden>
          <p>India - Asia/Kolkata(UTC +05:30)</p>
        </DialogContent>
      </Dialog>
    </>
  );
};

export default CountryCode;