windowpp 0.1.2 → 0.1.3

package/templates/example/frontend/src/Layout.tsx

@@ -0,0 +1,5 @@
+import type { ParentProps } from 'solid-js';
+
+export default function Layout(props: ParentProps) {
+  return <>{props.children}</>;
+}

package/templates/example/frontend/src/components/ClipboardToast.tsx

@@ -0,0 +1,23 @@
+interface ClipboardToastProps {
+  visible: boolean;
+  title: string;
+  message: string;
+}
+
+export function ClipboardToast(props: ClipboardToastProps) {
+  return (
+    <div
+      class={`pointer-events-none fixed left-1/2 top-6 z-50 w-[min(92vw,28rem)] -translate-x-1/2 transition-all duration-300 ${props.visible ? 'translate-y-0 opacity-100' : '-translate-y-3 opacity-0'}`}
+      aria-live="polite"
+      aria-atomic="true"
+    >
+      <div class="rounded-3xl border border-emerald-300/80 bg-emerald-500 px-5 py-4 text-white shadow-2xl shadow-emerald-900/25 backdrop-blur-sm">
+        <div class="text-xs font-semibold uppercase tracking-[0.25em] text-emerald-50/90">Clipboard</div>
+        <div class="mt-1 text-base font-semibold">{props.title}</div>
+        <div class="mt-2 line-clamp-3 text-sm text-emerald-50/95">{props.message}</div>
+      </div>
+    </div>
+  );
+}
+
+export default ClipboardToast;