Styled Text Field - Copy this React, Mui Component to your project

3.-Send-Email-Dialog-(components_vetting_send-email-dialog.jsx)-Purpose:-Allow-users-to-send-an-email-to-selected-service-providers.-Components:-Dialog:-A-modal-dialog-for-composing-and-sending-emails.-Textarea:-Main-email-message-(rows:-6)-Additional-note-(optional)-Buttons:-Cancel:-Closes-the-dialog-without-sending-the-email.-Send:-Sends-the-email-to-the-selected-providers.-UI-Details:-The-dialog-should-have-a-simple-layout-with-two-textareas-and-two-buttons-at-the-bottom.-The-textareas-should-be-stacked-vertically-with-a-small-gap-between-them.-The-buttons-should-be-aligned-to-the-right-side-of-the-dialog.import-{-Dialog,-DialogContent,-DialogHeader,-DialogTitle-}-from-"@/components/ui/dialog";-import-{-Textarea-}-from-"@/components/ui/textarea";-import-{-Button-}-from-"@/components/ui/button";-export-function-SendEmailDialog({-isOpen,-onClose,-selectedProviders-})-{-return-(-<Dialog-open={isOpen}-onOpenChange={onClose}>-<DialogContent>-<DialogHeader>-<DialogTitle>Send-Email-to-Service-Providers</DialogTitle>-</DialogHeader>-<div-className="space-y-4">-<Textarea-placeholder="Type-your-email-message-here"-rows={6}-/>-<Textarea-placeholder="Additional-Note-(Optional)"-/>-<div-className="flex-justify-end-space-x-2">-<Button-variant="outline"-onClick={onClose}>Cancel</Button>-<Button>Send</Button>-</div>-</div>-</DialogContent>-</Dialog>-);-}