"use client";

import { Input } from "@/components/ui/input";
import { Label } from "@/components/ui/label";

type Props = {
  empresaMarca: string;
  responsavel: string;
  contato: string;
  data: string;
};

export function CabecalhoBriefingForm({ empresaMarca, responsavel, contato, data }: Props) {
  return (
    <form className="grid gap-4">
      <div className="space-y-2">
        <Label htmlFor="empresaMarca">Empresa / marca</Label>
        <Input id="empresaMarca" name="empresaMarca" defaultValue={empresaMarca} />
      </div>
      <div className="space-y-2">
        <Label htmlFor="responsavel">Responsavel</Label>
        <Input id="responsavel" name="responsavel" defaultValue={responsavel} />
      </div>
      <div className="space-y-2">
        <Label htmlFor="data">Data</Label>
        <Input id="data" name="data" type="date" defaultValue={data} />
      </div>
      <div className="space-y-2">
        <Label htmlFor="contato">Contato</Label>
        <Input id="contato" name="contato" defaultValue={contato} />
      </div>
      <p className="text-xs leading-5 text-muted-foreground">
        Estes campos serao salvos junto com o rascunho na etapa de autosave.
      </p>
    </form>
  );
}