import React from "react";

export default function ApiEndpointsCard() {
  return (
    <div className="wpgsa-card">
      <div className="wpgsa-card-header">
        <h3>API Endpoints</h3>
        <p>Companion script endpoints for products.</p>
      </div>

      <div className="wpgsa-card-body">
        <div className="wpgsa-endpoint">
          <label>GET PRODUCTS</label>
          <code>
            https://myshop.local/wp-json/sheets-api/v1/get_products
          </code>
        </div>

        <div className="wpgsa-endpoint">
          <label>POST UPDATE PRODUCTS</label>
          <code>
            https://myshop.local/wp-json/sheets-api/v1/update_products
          </code>
        </div>
      </div>
    </div>
  );
}