wip

resources/views/layout/container.blade.php

@@ -1,7 +1,8 @@
 <div {{ $attributes
     ->cssClass([
         'layer' => 'container mx-auto w-full',
-        'base' => 'px-6 max-w-4xl xl:max-w-5xl',
+        'padding' => 'px-6',
+        'width' => 'max-w-4xl xl:max-w-5xl',
     ])
     ->classMerge();
 }}>

resources/views/layout/page.blade.php

@@ -0,0 +1,3 @@
+<x-wireuse::layout-container>
+    {{ $slot }}
+</x-wireuse::layout-container>

src/Layout/Components/Container.php

@@ -0,0 +1,15 @@
+<?php
+
+namespace Foxws\WireUse\Layout\Components;
+
+use Closure;
+use Foxws\WireUse\Views\Support\Component;
+use Illuminate\View\View;
+
+class Container extends Component
+{
+    public function render(): View|Closure|string
+    {
+        return view('wireuse::layout.container');
+    }
+}

src/Layout/Components/Join.php

@@ -0,0 +1,20 @@
+<?php
+
+namespace Foxws\WireUse\Layout\Components;
+
+use Closure;
+use Foxws\WireUse\Views\Support\Component;
+use Illuminate\View\View;
+
+class Join extends Component
+{
+    public function __construct(
+        public bool $vertical = false,
+    ) {
+    }
+
+    public function render(): View|Closure|string
+    {
+        return view('wireuse::layout.join');
+    }
+}

src/Layout/Components/Page.php

@@ -0,0 +1,15 @@
+<?php
+
+namespace Foxws\WireUse\Layout\Components;
+
+use Closure;
+use Foxws\WireUse\Views\Support\Component;
+use Illuminate\View\View;
+
+class Page extends Component
+{
+    public function render(): View|Closure|string
+    {
+        return view('wireuse::layout.page');
+    }
+}

src/Pages/Support/Page.php → src/Views/Support/Page.php

@@ -1,6 +1,6 @@
 <?php
 
-namespace Foxws\WireUse\Pages\Support;
+namespace Foxws\WireUse\Views\Support;
 
 use Foxws\WireUse\Auth\Concerns\WithAuthentication;
 use Foxws\WireUse\Auth\Concerns\WithAuthorization;