@extends('livewire-material::showcase.layout')

@section('content')
    <main class="mx-auto max-w-6xl space-y-16 px-4 py-10">
        <p class="max-w-3xl type-body-lg text-on-surface-variant">
            Every token and component, in this application's own scheme. Components appear here as they land.
        </p>

        @include('livewire-material::showcase.sections.colour')
        @include('livewire-material::showcase.sections.type')
        @include('livewire-material::showcase.sections.shape')
        @include('livewire-material::showcase.sections.elevation')
        @include('livewire-material::showcase.sections.motion')
        @include('livewire-material::showcase.sections.icons')
        @include('livewire-material::showcase.sections.buttons')
        @include('livewire-material::showcase.sections.menus')
        @include('livewire-material::showcase.sections.communication')
        @include('livewire-material::showcase.sections.progress')
        @include('livewire-material::showcase.sections.containment')
        @include('livewire-material::showcase.sections.carousel')
        @include('livewire-material::showcase.sections.fields')
        @include('livewire-material::showcase.sections.chips')
        @include('livewire-material::showcase.sections.sliders')
        @include('livewire-material::showcase.sections.bars')
        @include('livewire-material::showcase.sections.data')
    </main>
@endsection