import React, {ReactNode} from 'react';
import './StatusFilter.scss'
import {FilterStatusType} from "../../../models/ReactComponents";

type SelectFiltersWrapperProps = {
    children?: ReactNode
}



const SelectFiltersWrapper = ({
                          children,

                      }: SelectFiltersWrapperProps) => {
    const newChildren = Array.isArray(children) ? [...children] : [children]
    return (
        <div className={'mt-3 mb-5 gap-3 d-flex flex-wrap align-items-center justify-content-start'}>
            { newChildren &&
                newChildren.map((c, i) =>
                    <div style={{flex: '0 0 auto'}} key={i}>
                        {c}
                    </div>)
            }
        </div>
    )
}

export default SelectFiltersWrapper;