<div>
    {state.hasChildren && <div className="ant-spin-nested-loading">
        {spinning === true && <div>
            <div className={state.className}>
                <span className="ant-spin-dot ant-spin-dot-spin">
                    <i className="ant-spin-dot-item"></i>
                    <i className="ant-spin-dot-item"></i>
                    <i className="ant-spin-dot-item"></i>
                    <i className="ant-spin-dot-item"></i>
                </span>
            </div>
        </div>}
        <div className={"ant-spin-container"+(spinning===true?" ant-spin-blur":"")}>{children}</div>
    </div>}
    {!state.hasChildren && <div className={state.className}>
        <span className="ant-spin-dot ant-spin-dot-spin">
            <i className="ant-spin-dot-item"></i>
            <i className="ant-spin-dot-item"></i>
            <i className="ant-spin-dot-item"></i>
            <i className="ant-spin-dot-item"></i>
        </span>
    </div>}
</div>