import React from "react";
import {Button, HStack, Stack,} from "@chakra-ui/react";
import {CustomInput, CustomSelect, CustomTextBox} from "./CustomComponents";

const OverviewTab = () => {
    return (
        <>
            <Stack spacing={"32px"} minWidth={"545px"}>
                <CustomInput
                    title="Name"
                    OnChange={(e: any) => {
                        console.log(e.target.value);
                    }}
                />
                <CustomSelect
                    title="Duration"
                    OnChange={(e: any) => {
                        console.log(e.target.value);
                    }}
                />
                <CustomSelect
                    title="Category"
                    OnChange={(e: any) => {
                        console.log(e.target.value);
                    }}
                />
                <CustomTextBox
                    title="Overview"
                    OnChange={(e: any) => {
                        console.log(e.target.value);
                    }}
                />
                <CustomTextBox
                    title="Setup"
                    OnChange={(e: any) => {
                        console.log(e.target.value);
                    }}
                />
                <CustomInput
                    title="Publish Date"
                    OnChange={(e: any) => {
                        console.log(e.target.value);
                    }}
                />
            </Stack>
            <HStack py="32px" justifyContent="right" w="545px">
                <Button
                    w="80px"
                    h="48px"
                    color="white"
                    bg="#051E61"
                    fontFamily="MaisonBold"
                    fontSize="14px"
                    fontStyle="normal"
                    fontWeight="700"
                    lineHeight="14px"
                    letterSpacing="0.20000001192092896px"
                >
                    Save
                </Button>
            </HStack>
        </>
    );
};

export default OverviewTab;