SSA-Admin-Panel/src/Pages/MasterModule/AgencyMaster/ViewAgencyMaster.tsx

import { DialogBody, DialogCloseTrigger, DialogContent, DialogFooter, DialogHeader, DialogRoot, DialogTitle, DialogTrigger } from "../../../components/ui/dialog"
import { Field, Icon, Input, Stack, } from "@chakra-ui/react"
import { MdOutlineRemoveRedEye } from "react-icons/md"
import { Button } from "../../../components/ui/button"


function ViewAgencyMaster() {
    return (


        <DialogRoot placement="center">
            <DialogTrigger asChild>
                
            <Icon
            cursor={"pointer"}
            p={0.5}
            _hover={{ bg: "#00000015" }}
            rounded={"md"}
            boxSize={5}
            // color={iconColor && iconColor}
          >
            <MdOutlineRemoveRedEye />
          </Icon>
            </DialogTrigger>

            <DialogContent
                bg={"#fff"}
                // w={{ lg: "60%", md: "230px" }}
                w={{ base: '90%', md: '400px' }}

                height={'80vh'}
                overflow={'scroll'}
                overflowX="hidden" 
                p={3} // Reduced padding
                bgSize={'md'}
            >
                <DialogHeader bg="white">
                    <DialogTitle alignSelf="center" color="black" fontSize="14px">Add</DialogTitle>
                </DialogHeader>

                <DialogBody bg="white">
                    <Stack py={3}>
                    <Field.Root>
                            <Field.Label color="black" pt={1} fontSize="12px">Agency name</Field.Label>
                            <Input value="Lorem Ipsum" bgColor="#EEEEEE" color="black" border="none" pl={1} fontSize="12px" height="30px" />

                            <Field.Label color="black" pt={1} fontSize="12px">RC No.</Field.Label>
                            <Input value="Lorem Ipsum" bgColor="#EEEEEE" color="black" border="none" pl={1} fontSize="12px" height="30px" />

                            <Field.Label color="black" pt={1} fontSize="12px">State</Field.Label>
                            <Input value="Lorem Ipsum" bgColor="#EEEEEE" color="black" border="none" pl={1} fontSize="12px" height="30px" />

                            <Field.Label color="black" pt={1} fontSize="12px">Registered Office Address</Field.Label>
                            <Input value="Active" bgColor="#EEEEEE" color="black" border="none" pl={1} fontSize="12px" height="30px" />
                            
                            <Field.Label color="black" pt={1} fontSize="12px">Website/Domain</Field.Label>
                            <Input value="Lorem Ipsum" bgColor="#EEEEEE" color="black" border="none" pl={1} fontSize="12px" height="30px" />

                            <Field.Label color="black" pt={1} fontSize="12px">GST no.</Field.Label>
                            <Input value="Lorem Ipsum" bgColor="#EEEEEE" color="black" border="none" pl={1} fontSize="12px" height="30px" />
                            
                            <Field.Label color="black" pt={1} fontSize="12px">Action</Field.Label>
                            <Input value="Lorem Ipsum" bgColor="#EEEEEE" color="black" border="none" pl={1} fontSize="12px" height="30px" />


                        </Field.Root>
                    </Stack>
                </DialogBody>
                <DialogFooter display="flex" justifyContent="center" pt={"2"}>
                    <Button w="100%" bg="#02A0A0" color={"#fff"} fontSize="12px" height="30px">
                        Save
                    </Button>
                </DialogFooter>

                <DialogCloseTrigger color="black" />
            </DialogContent>
        </DialogRoot>


    )
}

export default ViewAgencyMaster