<script lang="ts">
	import '../app.postcss';
	import Header from '$lib/components/Header.svelte';
    import Footer from '$lib/components/Footer.svelte';
    import 'dayjs/locale/th'
    import dayjs from 'dayjs'
    dayjs.locale('th')
    import buddhistEra from 'dayjs/plugin/buddhistEra'
    dayjs.extend(buddhistEra)
    import type { LayoutData } from './$types';
	export let data: LayoutData;
    let {logo_url,supervised,divisions,institutes,address,title,subtitle} = data
</script>

<Header {logo_url} {title} {supervised} />
<div class="justify-center place-content-center" style="padding-top:50px">
    <slot/>
</div>
<Footer {logo_url} {title} {address} {divisions} {institutes} />
