import React from "react";
import {Stack, Text,} from "@chakra-ui/react";

interface FieldProp {
    label: string;
    spacing: string;
    placeholder: string;
}

export interface inputCardProps {
    title: string;
    onChange: any;
    noOfCols: number;
    inputs: FieldProp[]
}

interface tagBtnProps {
    number: string;
    label: string;
}

const FormColDesign = () => {

    return (
        <>
            <Stack>
                <Text>asad...</Text>
            </Stack>
            {/*<InputsCard*/}
            {/*    spacing="65px"*/}
            {/*    title="CTA Styling"*/}
            {/*    label1="CTA Button Title"*/}
            {/*    label2="CTA Background Colour"*/}
            {/*    onChange1={(e: any) => {*/}
            {/*        console.log(e.target.value);*/}
            {/*    }}*/}
            {/*    onChnage2={(e: any) => {*/}
            {/*        console.log(e.target.value);*/}
            {/*    }}*/}
            {/*    icon="none"*/}
            {/*    placeholder1="Enter the title of your button i.e. Redeem"*/}
            {/*    placeholder2="Enter a hex value #FFFFFF"*/}
            {/*/>*/}
        </>
    );
};

export default FormColDesign;