import React from "react";
import { Card, CardContent } from "@/components/ui/card";
import { Input } from "@/components/ui/input";
import { Button } from "@/components/ui/button";

export default function RegistroPonto() {
  return (
    <div className="p-6 grid gap-6">
      <h1 className="text-2xl font-bold">Registro de Ponto</h1>
      <Card className="max-w-xl">
        <CardContent className="space-y-4 p-6">
          <div>
            <label className="block font-semibold">Matrícula do Funcionário</label>
            <Input placeholder="Digite a matrícula" />
          </div>
          <div>
            <label className="block font-semibold">Data</label>
            <Input type="date" />
          </div>
          <div>
            <label className="block font-semibold">Hora</label>
            <Input type="time" />
          </div>
          <Button className="w-full">Registrar Ponto</Button>
        </CardContent>
      </Card>
    </div>
  );
}
