Details Modal - Copy this React, Tailwind Component to your project

Build-a-component-called-DetailsModal1-that-is-a-modal-of-a-product-detail,-this-modal-must-look-elegant-and-visually-beautiful,-in-addition,-said-modal-must-contain-a-large-image,-the-product-sheet-with-several-necessary-fields-(name,-description,-price,-ratings,-available-stock,-inputs-to-select-the-quantity-(--and-+)-and-a-button-to-add-to-cart),-and-a-button-(x)-in-the-upper-right-corner-to-close-the-modal.-I-want-the-button-that-activates-the-modal-as-well,-by-default-it-must-be-closed-and-when-I-click-the-Open-Modal-button-it-must-open-the-modal-in-the-center-of-the-screen-and-it-must-be-100%-responsive.-The-opening-and-closing-of-the-modal-should-be-animated-and-with-nice-smooth-transitions.-For-animations-and-transitions-you-must-use-Framer-Motion