import React from 'react';

function EndpointCard({ method, endpoint, body, headers, params }) {
    return (
        <div className="card-container">
            <h4>{method} - {endpoint}</h4>
            <div>
                <strong>Body:</strong> {body}
            </div>
            <div>
                <strong>Headers:</strong> {headers}
            </div>
            <div>
                <strong>Params:</strong> {params}
            </div>
        </div>
    );
}

export default EndpointCard;