export const Card = ({ ProductsData }) => {

const { Poster, id} = ProductsData;

return (

<li className="hero-Container">
  <div className="main-container">
    <div className="poster-container">
      <img
        src={id}
        alt={id}
        className="products-poster"
      />
    </div>
    <div className="ticket-container">
      <div className="ticket-content">
        <a href={`/products/${id} ` }>
          <button className="ticket__buy-btn ">Shop Now</button>
        </a>
      </div>
    </div>
  </div>
</li>

); }

how can i use the mantyple api key inreact js