38 lines
1.2 KiB
TypeScript
38 lines
1.2 KiB
TypeScript
"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>
|
|
);
|
|
}
|