Untitled

import { PrimaryButton } from "./components/buttons";


const Modal =()=>{
    return ( 
        <div className="grid grid-cols-2 w-[50%] h-[50%] gap-5 rounded-md border-[1px] p-5">
        <div className="flex flex-col gap-2 font-sans text-sm text-gray-700 font-semibold">
            <lable className='text-xs'>Firm Name</lable>
        <input type="text" name="name" className="px-2 py-1 outline-blue-700   rounded-md border-[1px] border-gray-300"  />
        </div>

        <div className="flex flex-col gap-2 font-sans text-sm text-gray-700 font-semibold">
            <lable  className='text-xs'>Last Name</lable>
        <input type="text" name="name" className="px-2 py-1 outline-blue-700   rounded-md border-[1px] border-gray-300"  />
        </div>

        <div className="flex flex-col gap-2 font-sans text-sm text-gray-700 font-semibold">
            <lable  className='text-xs'>Email</lable>
        <input type="email" name="name" className="px-2 py-1 outline-blue-700   rounded-md border-[1px] border-gray-300"  />
        </div>

        <div className="flex flex-col gap-2 font-sans text-sm text-gray-700 font-semibold">
            <lable  className='text-xs'>Phone Number</lable>
        <input type="text" name="name" className="px-2 py-1 outline-blue-700   rounded-md border-[1px] border-gray-300"  />
        </div>

        <div className="flex flex-col gap-2 font-sans text-sm text-gray-700 font-semibold">
            <lable  className='text-xs'>Password</lable>
        <input type="password" name="name" className="px-2 py-1 outline-[1px] outline-blue-700   rounded-md border-[1px] border-gray-300 "  />
        </div>

        <div className="flex flex-col gap-2 font-sans text-sm text-gray-700 font-semibold">
            <lable  className='text-xs'>Confirm Password</lable>
        <input type="password" name="name" className="px-2 py-1 outline-blue-700  rounded-md border-[1px] border-gray-300"  />
        </div>
        <div className="flex flex-col gap-2 font-sans text-sm text-gray-700 font-semibold">
           
        </div>
        <div className="flex flex-row gap-2 font-sans text-sm text-gray-700 font-semibold">
          <button className="w-1/2 bg-blue-700 text-white p-1 rounded-md">
            Save
        </button>
            <button className="w-1/2  text-gray-400 border border-gray-400 p-1 rounded-md">
            Cancel
            </button>
        </div>

    </div>
    )
}


export default Modal;