// Step carousel
export type StepperProps = {
    active: number,
    children?: JSX.Element[]
}
function Stepper({ children, active }: StepperProps) {

    if (children && children.length) {
        return <div>
            {children
                .filter((_: any, c: number) => c == active)
                .map(((child: any, c: number) => <div key={c}>
                    {child}
                </div>)
                )
            }
        </div>
    } else return <></>

}

Stepper.Step = function Step(props: any) {
    return <>{props.children}</>
}

export default Stepper