checkpoint before checking out main

2026-08-13 13:53:22 +03:30
parent a7643bb931
commit 141f1a30be
23 changed files with 1357 additions and 84 deletions
@@ -0,0 +1,26 @@
+type PlaceholderProps = {
+  width: string;
+  height?: string;
+  label?: string;
+  className?: string;
+};
+
+export function Placeholder({
+  width,
+  height,
+  label,
+  className = "",
+}: PlaceholderProps) {
+  return (
+    <div
+      className={`relative flex shrink-0 items-center justify-center overflow-hidden border border-dashed border-red-muted/60 bg-red-light/40 ${className}`}
+      style={{ width, ...(height ? { height } : {}) }}
+      aria-hidden="true"
+    >
+      <div className="absolute inset-0 bg-[linear-gradient(135deg,transparent_45%,rgba(220,38,38,0.06)_50%,transparent_55%)]" />
+      <span className="font-display relative z-10 text-xs tracking-wider text-red-dark/50 uppercase">
+        {label ?? `${width} × ${height ?? ""}`}
+      </span>
+    </div>
+  );
+}