Application dialogs3

1import { Button } from "@/ui/button";
2import { Dialog, DialogContent, DialogTrigger } from "@/ui/dialog";
3import { Input } from "@/ui/input";
4import { Label } from "@/ui/label";
5import {
6  Select,
7  SelectContent,
8  SelectItem,
9  SelectTrigger,
10  SelectValue,
11} from "@/ui/select";
12import { Textarea } from "@/ui/textarea";
13import { Circle, FilePlus } from "@mynaui/icons-react";
14 
15export default function ReportBugDialog() {
16  return (
17    <Dialog>
18      <DialogTrigger asChild>
19        <Button variant="outline">Report a Bug</Button>
20      </DialogTrigger>
21      <DialogContent className="bg-muted flex w-full flex-col items-center gap-6 overflow-hidden p-6">
22        <div className="flex w-full flex-col gap-1 text-left">
23          <h3 className="text-base font-semibold">Report a Bug</h3>
24          <p className="text-muted-foreground text-sm">
25            Help us improve our application by reporting any issues you
26            encounter.
27          </p>
28        </div>
29 
30        <div className="grid w-full items-center justify-center gap-6 md:grid-cols-2">
31          <div className="flex w-full flex-col items-start gap-2">
32            <Label htmlFor="name">Name</Label>
33            <Input type="text" id="name" placeholder="Enter your name" />
34          </div>
35          <div className="flex w-full flex-col items-start gap-2">
36            <Label htmlFor="email">Email</Label>
37            <Input type="email" id="email" placeholder="Enter your email" />
38          </div>
39          <div className="col-span-2 flex w-full flex-col items-start gap-2">
40            <Label htmlFor="description">Brief Description</Label>
41            <Textarea
42              id="description"
43              placeholder="Provide a brief description of the bug"
44              className="resize-none"
45            />
46          </div>
47          <div className="col-span-2 flex w-full flex-col items-start gap-2">
48            <Label htmlFor="steps">Steps to Reproduce</Label>
49            <Textarea
50              id="steps"
51              placeholder="Describe the steps to reproduce the bug"
52              className="resize-none"
53            />
54          </div>
55 
56          <div className="col-span-2 grid w-full items-start gap-6 md:grid-cols-2">
57            <div className="flex w-full flex-col items-start gap-2">
58              <Label htmlFor="severity">Severity</Label>
59              <Select>
60                <SelectTrigger className="w-full" defaultValue="medium">
61// … truncated