'use client';
import React from 'react';
import { Text } from '@/components/ui/text';
import { Dialog, DialogContent, DialogTitle } from '@/components/ui/dialog';
interface WorkspaceViewProps {
  open: boolean;
  onOpenChange: (val: boolean) => void;
}
const WorkspaceView: React.FC<WorkspaceViewProps> = ({
  open,
  onOpenChange,
}) => {
  return (
    <>
      <Dialog open={open} onOpenChange={onOpenChange}>
        <DialogContent
          aria-describedby={undefined}
          className="modal-common-widget w-full max-w-7xl p-0 m-0"
        >
          <DialogTitle className="p-5 modal-header">Personal Notes</DialogTitle>
          <Text className="main-scroll-widget p-4">
            <Text className="grid gap-4 mt-0">
              <Text className="flex flex-wrap p-2 rounded-sm bg-gray">
                <Text className="form-group space-y-2 w-1/4 p-2 mb-6">
                  <label className="modal-base-text">
                    <b>Note ID</b>
                  </label>
                  <Text className="modal-base-text mt-0 pt-0">WS00006</Text>
                </Text>
                <Text className="form-group space-y-2 w-1/4 p-2 mb-6">
                  <label className="modal-base-text">
                    <b>Created On</b>
                  </label>
                  <Text className="modal-base-text mt-0 pt-0">
                    21-04-2025 05:22 PM
                  </Text>
                </Text>
              </Text>
              <Text className="w-full p-2 rounded-sm bg-gray">
                <Text className="form-group w-full mb-6">
                  <label className="modal-base-text fon">
                    <b>Details</b>
                  </label>
                  <Text className="mb-2 mt-2 modal-base-text">
                    <b>Name:</b>{' '}
                    {`Lorem Ipsum is simply dummy text of the
                    printing and typesetting industry Lorem Ipsum has been the
                    industry's standard dummy text ever since the 1500`}
                  </Text>
                  <Text className="modal-base-text">
                    <b>Description:</b>{' '}
                    {`Lorem Ipsum is simply dummy text of the
                    printing and typesetting industry. Lorem Ipsum has been the
                    industry's standard dummy text ever since the 1500s, when an
                    unknown printer took a galley of type and scrambled it to
                    make a type specimen book. It has survived not only five
                    centuries, but also the leap into electronic typesetting,
                    remaining essentially`}
                  </Text>
                </Text>
              </Text>
            </Text>
          </Text>
          <Text className="modal-footer flex justify-end items-end footer-modal text-right gap-2 m-0 pr-4 p-2">
            &nbsp;
          </Text>
        </DialogContent>
      </Dialog>
    </>
  );
};
export default WorkspaceView;