import React, {ReactNode} from 'react';
import ListColumn from "./ListColumn";
import actions from '../../../../assets/images/actions.svg'
import PopupColumn from "./PopupColumn";


type ListActionsProps = {
    children?: ReactNode
    flex?: string
}

const ListActions = ({children, flex}: ListActionsProps) => {

    return (

        <PopupColumn

            className={'list-actions'}
            right
            flex={flex}>
                <span>
                    <img src={actions} alt="" className={'px-2'}/>
                </span>
            <div className={'actions'}>
                {children}
            </div>
        </PopupColumn>


    );
}

export default ListActions;