import AuthenticatedLayout from '@/Layouts/AuthenticatedLayout';
import { Head} from '@inertiajs/react';
import { MouseEvent } from 'react';

export default function Settings() {

    const loadParticipants = (event: any) => {
        event.preventDefault()
        
        fetch("/api/load_customers");
    }


    return (
        <AuthenticatedLayout>
            <Head title="Inställningar | vBytes LAN Kiosk" />

            <section className='section'>
                <div className="container is-max-desktop">
                    <h1 className="title is-2">Inställningar</h1>
                     <li className='cell button is-small is-white' onClick={(event) => loadParticipants(event)}>
                        Hämta alla deltagare
                    </li>
                </div>
            </section>

        </AuthenticatedLayout>
    );
}
