import React from 'react'
import styles from './RequestBreakdown.module.css'

interface BreakdownTableHeaderProps {
  categoryLabel: string
}

const BreakdownTableHeader: React.FC<BreakdownTableHeaderProps> = ({ categoryLabel }) => {
  return (
    <div className={styles.tableHeader}>
      <span>{categoryLabel}</span>
      <span>Request Count</span>
      <span>Request Count %</span>
      <span>Total Size</span>
      <span>Total Size %</span>
      <span>Total Response Time</span>
      <span>Total Response Time %</span>
      <span>Avg Response Time</span>
    </div>
  )
}

export default BreakdownTableHeader