Mis Compras - Copy this React, Tailwind Component to your project

Genera un componente mis-compras que tiene componentes internos de card-compra que adentro tendra card-producto. El componente llamara a llamar al componente card-compra y a su vez el componente card-compra tendra como hijo el componente card-producto. para poder ser utilizado las veces que uno quiera dentro del mismo componente mis-compras. pero el card-compra tendra borde redondeado tanto top y bottom si el componente card-compra solo tiene un producto entonces la card-producto tendra el borde redondeado bottom pero si el card-compra tiene dos o mas card-producto solo el ultimo card-producto tendra el borde bottom redondeado.