import LoadingBar from "../../../../../../../fields/loading-bar";

export default function ContentFooterLayout({className, loading, children}) {
    return <div className={`lbaic-settings-content-footer${className ? ' ' + className : ''}`}>
        <div className='lbaic-settings-divider lbaic-settings-divider-loading'>
            {loading && <LoadingBar/>}
        </div>
        <div className='lbaic-settings-content-footer-in'>
            <div className='lbaic-settings-content-footer-actions'>
                {children}
            </div>
        </div>
    </div>
}