{"size": 1313, "ext": "js", "max_stars_repo_path": "examples/with-tailwindcss/pages/table.js", "max_stars_repo_name": "jamesscaggs/next.js", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "examples/with-tailwindcss/pages/table.js", "max_issues_repo_name": "jamesscaggs/next.js", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "examples/with-tailwindcss/pages/table.js", "max_forks_repo_name": "jamesscaggs/next.js", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": null, "max_forks_count": null, "avg_line_length": 33.6666666667, "max_line_length": 91, "alphanum_fraction": 0.5087585682}
import React from 'react'

export default function Table() {
  return (
    <div>
      <table className="w-full shadow text-left bg-white table-auto">
        <thead>
          <tr className="border-b border-gray-300">
            <th className="py-5 pl-2 sm:pl-10 w-1/4 text-base text-gray-800">
              Name
            </th>
            <th className="py-5 w-1/4 text-base text-gray-800">Title</th>
            <th className="py-5 w-1/4 text-base text-gray-800 pl-20">Email</th>
            <th className="py-5 w-1/4 text-base text-gray-800 pr-2 sm:pr-10 text-right">
              Role
            </th>
          </tr>
        </thead>
        <tbody>
          <tr className="border-b border-gray-200">
            <td className="pl-2 sm:pl-10 pr-2 py-5 text-gray-800 text-xs sm:text-sm">
              Andres Berlin
            </td>
            <td className="pr-2 py-5 text- gray-800 text-xs sm:text-sm">
              Director, Human Resources
            </td>
            <td className="pr-2 py-5 text-gray-800 text-xs sm:text-sm text-center">
              andresberlin@gmail.com
            </td>
            <td className="py-5 text-gray-800 pr-2 sm:pr-10 text-xs sm:text-sm text-right">
              Owner
            </td>
          </tr>
        </tbody>
      </table>
    </div>
  )
}
