ballistic-builder/src/app/Builder/page.tsx

import { Button } from "@/components/ui/button"


export default function BuilderPage() {
  return (
    <div className="container mx-auto">
      <table className="table-auto border-separate border-spacing-2 border border-slate-500">
        <thead>
          <tr>
            <th>Component</th>
            <th>Selection</th>
            <th>Base Price</th>
            <th>Sale Price</th>
            <th>Shipping</th>
            <th>Tax</th>
            <th>Total Price</th>
            <th>Source</th>
            <th>Order</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td>Part 1</td>
            <td>Part</td>
            <td>99.99</td>
            <td>89.99</td>
            <td>12.99</td>
            <td></td>
            <td>Palmetto State</td>
            <td>101.99</td>
            <td><Button>Buy Item</Button></td>
          </tr>
          
        </tbody>
      </table>
    </div>
  );
}