import React, {ReactNode} from 'react';
import FormButtonSubmit from "../Forms/FormButton/FormButtonSubmit";
import FormButtonProceed from "../Forms/FormButton/FormButtonProceed";
import FormButtonBack from "../Forms/FormButton/FormButtonBack";
import FormButtonCancel from "../Forms/FormButton/FormButtonCancel";
import FormButtonPrint from "../Forms/FormButton/FormButtonPrint";

type TestComponentProps = {
    children?: ReactNode[]
}

const Buttons = ({children}: TestComponentProps) => {



    return (

        <div className="row gy-5">
            <div className="col-6">
                <FormButtonSubmit
                    buttonType={'button'}
                >
                    <b>SUBMIT</b>
                </FormButtonSubmit>
            </div>

            <div className="col-6">
                <FormButtonSubmit
                    buttonType={'button'}
                    disabled={true}
                >
                    <b>SUBMIT DISABLED</b>
                </FormButtonSubmit>
            </div>

            <div className="col-6">
                <FormButtonSubmit
                    buttonType={'button'}
                    loading
                >
                    <b>SUBMIT DISABLED</b>
                </FormButtonSubmit>
            </div>

            <div className="col-6">
                <FormButtonProceed
                    loading
                    buttonType={'button'}
                    disabled={false}
                >
                    NEXT
                </FormButtonProceed>

            </div>

            <div className="col-6">
                <FormButtonProceed
                    buttonType={'button'}
                    disabled={true}
                >
                    Next Disabled
                </FormButtonProceed>

            </div>

            <div className="col-6">
                <FormButtonBack
                    buttonType={'button'}
                    disabled={false}
                >
                    Go Back
                </FormButtonBack>
            </div>

            <div className="col-6">
                <FormButtonBack
                    buttonType={'button'}
                    disabled={true}
                >
                    Go Back Disabled
                </FormButtonBack>
            </div>

            <div className="col-6">
                <FormButtonBack
                    buttonType={'button'}
                    disabled={true}
                >
                    Go Back Disabled
                </FormButtonBack>
            </div>

            <div className="col-6">
                <FormButtonCancel
                    buttonType={'button'}
                >
                    Ακύρωση
                </FormButtonCancel>
            </div>


            <div className="col-6">
                <FormButtonPrint
                    buttonType={'button'}
                >
                    Εκτύπωση
                </FormButtonPrint>
            </div>
        </div>


    );
}

export default Buttons;