Application dialogs2

1import { Button } from "@/ui/button";
2import {
3  Dialog,
4  DialogClose,
5  DialogContent,
6  DialogTrigger,
7} from "@/ui/dialog";
8import { Label } from "@/ui/label";
9import {
10  Select,
11  SelectContent,
12  SelectItem,
13  SelectTrigger,
14  SelectValue,
15} from "@/ui/select";
16import { ArrowLeftRight, Github, Myna } from "@mynaui/icons-react";
17 
18export default function LinkRepoDialog() {
19  return (
20    <Dialog>
21      <DialogTrigger asChild>
22        <Button variant="outline">Link Repo</Button>
23      </DialogTrigger>
24      <DialogContent className="bg-background border-0 flex w-full flex-col items-center gap-6 overflow-hidden rounded-2xl p-0 sm:max-w-md">
25        <div className="relative isolate w-full">
26          <div className="bg-background z-20 flex w-full flex-col items-center justify-center gap-6 rounded-2xl border p-6">
27            <div className="flex w-full items-center justify-center gap-4">
28              <div className="border-border bg-background w-fit rounded-lg border p-3">
29                <Myna className="h-6 w-6" />
30              </div>
31 
32              <div className="w-fit">
33                <ArrowLeftRight className="text-muted-foreground h-6 w-6" />
34              </div>
35 
36              <div className="border-border bg-background w-fit rounded-lg border p-3">
37                <Github className="h-6 w-6" />
38              </div>
39            </div>
40 
41            <div className="flex w-full flex-col items-center justify-center gap-2">
42              <h1 className="text-foreground text-center text-xl leading-none font-semibold tracking-tight">
43                Connect MynaUI to GitHub
44              </h1>
45              <p className="text-muted-foreground text-center text-base font-normal">
46                Select a user and repository to connect with MynaUI for
47                streamlined workflow integration
48              </p>
49            </div>
50 
51            <div className="flex w-full flex-col items-center justify-center gap-6">
52              <div className="flex w-full flex-col items-start gap-2">
53                <Label
54                  htmlFor="github-user"
55                  className="text-foreground text-sm leading-none font-normal tracking-tight"
56                >
57                  GitHub User
58                </Label>
59                <Select>
60                  <SelectTrigger className="w-full" defaultValue="praveenjuge">
61                    <SelectValue placeholder="praveenjuge" />
62                  </SelectTrigger>
63                  <SelectContent>
64// … truncated