Files
SkillHub/frontend/src/components/widgets/CreateTeams/CreateTeams.tsx
T
2024-04-02 11:18:51 +03:00

25 lines
1.2 KiB
TypeScript

import { Textarea } from "../../shared/ui/textarea";
import { Input } from "../../shared/ui/input";
import { SheetTrigger, SheetContent, SheetHeader, SheetTitle, SheetDescription, Sheet } from "../../shared/ui/sheet";
import less from "./CreateTeams.module.less"
import { Button } from "../../shared/ui/button";
import { useTranslation } from "react-i18next";
import { Label } from "../../shared/ui/label";
const CreateTeam = () =>{
const {t} = useTranslation();
return(
<Sheet>
<SheetTrigger className="inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 bg-primary text-primary-foreground shadow hover:bg-primary/90 h-9 px-4 py-2">{t("DistTeams")}</SheetTrigger>
<SheetContent side='left'>
<SheetHeader>
<SheetTitle>{t("DistTeams")}</SheetTitle>
<Button>{t("distribute")}!</Button>
<div className={less["desc-block"]}><Button>{t("download")}!</Button><Label>{t("descDownload")}</Label></div>
</SheetHeader>
</SheetContent>
</Sheet>
)
}
export default CreateTeam;