add: dynamic fixed categories list to menu page

2025-07-18 21:29:04 +03:30
parent ee056ee947
commit 43f905ac14
3 changed files with 89 additions and 7 deletions
@@ -0,0 +1,20 @@
+import React from 'react';
+
+type Props = {
+    children: React.ReactNode;
+} & React.HTMLAttributes<HTMLDivElement>;
+
+function CategorySmallItemRenderer({ children, ...rest }: Props) {
+    return (
+        <div className={`${rest.className} cursor-pointer transition-all duration-200 ease-out border-2 border-solid border-white overflow-hidden rounded-xl backdrop-blur-md bg-white/40`}>
+            <div
+                {...rest}
+                className="rounded-normal h-[44px] flex flex-row justify-center items-center p-2.5 gap-2"
+            >
+                {children}
+            </div>
+        </div>
+    );
+}
+
+export default CategorySmallItemRenderer;