import { h } from 'preact';


function System() {

    return (
        <div className='container'>
            <div className={'contentbox'} >
                <h2>System</h2>
                <h3>WiFi Setup</h3>
                <hr />
                <form>
                    <div className={'textbox'} >
                        <input type="text" placeholder='Wifi network name' />
                        <label>SSID</label>
                    </div>
                    <div className={'textbox'} >
                        <input type="text" placeholder='Wifi network name' />
                        <label>Password</label>
                    </div>
                </form>
                <h3>Admin User</h3>
                <hr />
                <form>
                    <div  className={'textbox'} >
                        <input type="text" placeholder='Wifi network name' />
                        <label>Username</label>
                    </div>
                    <div className={'textbox'} >
                        <input type="text" placeholder='Wifi network name' />
                        <label>Password</label>
                    </div>
                </form>
                <h3>Datenbank Backup</h3><hr />
                <div>
                    <form>
                        <h3>Backup einspielen</h3>
                        <input type={'file'} />
                        <input type={'submit'} value={'Hochladen'} />
                    </form>
                    <h3>Backup herunterladen</h3>
                    <button>Download</button>
                </div>

            </div>
        </div>)
}
export default System