@redneckz/wildless-cms-uni-blocks 0.12.11 → 0.12.12

package/src/components/Header/HeaderBurger.tsx

@@ -1,54 +0,0 @@
-import { JSX } from '@redneckz/uni-jsx';
-import { useLocation } from '../../hooks/useLocation';
-import type { VNode } from '../../model/VNode';
-import { Img } from '../../ui-kit/Img/Img';
-import { SearchBar } from '../../ui-kit/SearchBar/SearchBar';
-import { Text } from '../../ui-kit/Text/Text';
-import type { DispositionItem } from './HeaderContent';
-
-export interface HeaderBurgerProps {
-  onClick: () => void;
-  burgerSubMenu?: DispositionItem[];
-  defaultLocation?: string;
-  children?: VNode;
-}
-
-export const HeaderBurger = JSX<HeaderBurgerProps>(
-  ({ burgerSubMenu, onClick, defaultLocation = '', children }) => {
-    const [location] = useLocation(defaultLocation);
-
-    return (
-      <div className="absolute top-0 left-0 w-full h-full bg-white p-4 box-border z-20">
-        <button
-          className="absolute top-4 right-4 border-none bg-transparent cursor-pointer"
-          onClick={onClick}
-        >
-          <Img image={{ icon: 'CloseIcon' }} width="24" height="24" />
-        </button>
-        <button className="flex items-center text-s p-0 mb-4 bg-transparent cursor-pointer">
-          <Img
-            image={{ icon: 'GeolocationIcon' }}
-            width="20"
-            height="20"
-            className="text-primary-main box-border mr-2"
-          />
-          <Text color="text-secondary-text">{location.name}</Text>
-        </button>
-        {children}
-        <div className="mb-7">{burgerSubMenu?.map(renderBurgerSubMenuItem)}</div>
-        <SearchBar className="grow" />
-      </div>
-    );
-  },
-);
-
-const renderBurgerSubMenuItem = (menu: DispositionItem, i: number) => {
-  const { icon, href, text } = menu;
-
-  return (
-    <a key={`headerSubMenu-${i}`} href={href} className="flex text-s mb-4 hover:text-primary-main">
-      {icon ? <Img className="text-primary-main pr-1" image={icon} width="24" height="24" /> : null}
-      <span className="font-medium pl-3xs">{text}</span>
-    </a>
-  );
-};