first

2026-02-16 19:34:35 +00:00
commit 9ab0940ca4
784 changed files with 41710 additions and 0 deletions
@@ -0,0 +1,23 @@
+import { cn } from 'helpers/cn';
+
+type ResponsivenessProps = { className?: string };
+
+export const Responsiveness = (props: ResponsivenessProps) => {
+  const { className } = props;
+  return (
+    <div className="fixed bottom-2 right-2 p-2">
+      <div
+        className={cn(
+          'flex h-8 w-8 flex-col items-center justify-center rounded-full bg-black text-xs text-white',
+          className,
+        )}
+      >
+        <span className="sm:hidden">xs</span>
+        <span className="hidden sm:inline md:hidden">sm</span>
+        <span className="hidden md:inline lg:hidden">md</span>
+        <span className="hidden lg:inline xl:hidden">lg</span>
+        <span className="hidden xl:inline">xl</span>
+      </div>
+    </div>
+  );
+};