PastQuoteDialog

mail@pastecode.io avatar
unknown
tsx
a month ago
1.6 kB
0
Indexable
Never
import { Icon } from '@iconify/react/dist/iconify.js'
import { Dialog } from '@material-tailwind/react'

function PastQuoteDialog() {
    return (
        // <Icon icon="fluent:copy-16-regular" />
        <Dialog open={true} handler={() => console.log("opened")} className="p-10 pt-7 relative" >
            <button><Icon icon="charm:cross" className="absolute top-3 right-3 text-2xl" /></button>
            <div className="bg-[#e5effe] h-14 w-14 mx-auto rounded-full flex items-center justify-center">
                <Icon icon="fluent:copy-16-regular" className="w-1/2 text-primary text-3xl" />
                {/* <img src={addicon} className="w-1/2 text-primary text-3xl" alt="description" /> */}
            </div>
            <p className="text-2xl font-bold text-center text-black mt-3 mb-3">Add to orders</p>
            <div className='flex justify-center'>
                <div>
                    <p className='text-center'>MPN</p>
                    <input
                    type="text"
                    className="transition duration-100 border-2 border-r-[2px] outline-none rounded-l-md p-2 w-full focus:border-primary px-4 my-2 "
                />
                </div>
                <div>
                    <p className='text-center'>Quote</p>
                    <input
                    type="text"
                    className="transition duration-100 border-2 border-l-[2px] outline-none rounded-r-md p-2 w-full focus:border-primary px-4 my-2 "
                />
                </div>
            </div>
        </Dialog>

    )
}

export default PastQuoteDialog