import { Button } from "@/components/ui/button";
import { DataTable } from "./data-table";
import { columns } from "./columns";
import { customerData } from "./customer-data";

const page = () => {
  return (
    <div>
      <p className="text-4xl font-medium">Customer List</p>
      <div>
        <p>Search Bar</p>
        <Button>Add Customer</Button>
      </div>

      <div>
        <p>A table of customers</p>

        <div className="w-full">
          <DataTable columns={columns} data={customerData} />
        </div>
      </div>
    </div>
  );
};

export default page;
