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

export default function AdvancedTrainingBuildingModelPopup() {
    return (
        <div className='lbaic-settings-popup-layout' style={{display: 'none'}}>
            <div className='lbaic-settings-popup-overlay'/>
            <div className='lbaic-settings-popup'>
                <div className='lbaic-settings-a-ft-bm-popup'>
                    <div className='lbaic-settings-a-ft-bm'>
                        <div className='lbaic-settings-a-ft-bm-header'>
                            <div className='lbaic-settings-a-ft-bm-header-in'>
                                <h6 className='lbaic-settings-a-ft-bm-header-label'>We're building your model</h6>
                                <p className='lbaic-settings-a-ft-bm-header-desc'>This process will take some time. Once
                                    completed, it will be available in the 'My models' section. Thank you for your
                                    patience.</p>
                            </div>
                            <div className='lbaic-settings-divider lbaic-settings-divider-loading'>
                                <LoadingBar/>
                            </div>
                        </div>
                        <div className='lbaic-settings-a-ft-bm-body'>
                            <div className='lbaic-settings-a-ft-bm-hint'>
                                <span className='lbaic-settings-a-ft-bm-hint-in'>You can close this modal</span>
                            </div>
                        </div>
                        <div className='lbaic-settings-a-ft-bm-footer'>
                            <button className='lbaic-settings-button lbaic-settings-button-center lbaic-settings-button-h-40 lbaic-settings-button-primary'>
                                <span className='lbaic-settings-button-label'>Done</span>
                            </button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    )
}