import { Button } from "@/components/ui/button";
import { Input } from "@/components/ui/input";
import { Label } from "@/components/ui/label";
import {
  Sheet,
  SheetClose,
  SheetContent,
  SheetDescription,
  SheetFooter,
  SheetHeader,
  SheetTitle,
  SheetTrigger,
} from "@/components/ui/sheet";
import React from "react";
import { ModSheetProps } from "./TSheet";

class ModSheet extends React.Component<ModSheetProps> {
  constructor(props: ModSheetProps) {
    super(props);
  }
  render(): React.ReactNode {
    return (
      <Sheet>
        <SheetTrigger asChild>
          <Button variant="outline">{this.props.sheetButton}</Button>
        </SheetTrigger>
        <SheetContent>
          <SheetHeader>
            <SheetTitle>{this.props.sheetTitle}</SheetTitle>
            <SheetDescription>{this.props.sheetDescription}</SheetDescription>
          </SheetHeader>
          {this.props.sheetBody}
          <SheetFooter>
            <SheetClose asChild>
              <Button type="submit">{this.props.sheetSubmitButton}</Button>
            </SheetClose>
          </SheetFooter>
        </SheetContent>
      </Sheet>
    );
  }
}

export { ModSheet };
