{"version":3,"file":"index21.mjs","sources":["../src/components/navigation/bottom-bar/index.tsx"],"sourcesContent":["import { FunctionComponent, useState } from \"react\";\nimport styles from \"./NavigationBottomBar.module.css\";\nimport MenuBottomBarBase, {\n  MenuBottomBarBaseType,\n} from \"../../../../src/atoms/menu/bottom\";\n\nexport type NavigationBottomBarType = {\n  className?: string;\n  onChange?: (item: MenuBottomBarBaseType) => void;\n  items: MenuBottomBarBaseType[];\n};\n\nexport const NavigationBottomBar: FunctionComponent<\n  NavigationBottomBarType\n> = ({ className = \"\", onChange, items = [] }) => {\n  const [selected, setSelected] = useState(items[0]);\n  const handleClick = (item: MenuBottomBarBaseType) => {\n    setSelected(item);\n    onChange?.(item);\n  };\n\n  return (\n    <div\n      className={[\n        styles.typeiconOnly,\n        \"quill-ui-next-component\",\n        \"quill-ui-next-no-select\",\n        className,\n      ].join(\" \")}\n    >\n      {items.map((item) => (\n        <MenuBottomBarBase\n          label={item?.label}\n          icon={item?.icon}\n          iconSelected={item?.iconSelected}\n          onClick={() => handleClick(item)}\n          state={selected === item ? \"selected\" : \"default\"}\n          badgeLabel={item?.badgeLabel}\n        />\n      ))}\n    </div>\n  );\n};\n\nNavigationBottomBar.displayName = \"NavigationBottomBar\";\n\nexport default NavigationBottomBar;\n"],"names":[],"mappings":";;;;AAYa,MAAA,sBAET,CAAC,EAAE,YAAY,IAAI,UAAU,QAAQ,CAAA,QAAS;AAChD,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,MAAM,CAAC,CAAC;AAC3C,QAAA,cAAc,CAAC,SAAgC;AACnD,gBAAY,IAAI;AAChB,yCAAW;AAAA,EACb;AAGE,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,QACT,OAAO;AAAA,QACP;AAAA,QACA;AAAA,QACA;AAAA,MAAA,EACA,KAAK,GAAG;AAAA,MAET,UAAA,MAAM,IAAI,CAAC,SACV;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,OAAO,6BAAM;AAAA,UACb,MAAM,6BAAM;AAAA,UACZ,cAAc,6BAAM;AAAA,UACpB,SAAS,MAAM,YAAY,IAAI;AAAA,UAC/B,OAAO,aAAa,OAAO,aAAa;AAAA,UACxC,YAAY,6BAAM;AAAA,QAAA;AAAA,MAErB,CAAA;AAAA,IAAA;AAAA,EACH;AAEJ;AAEA,oBAAoB,cAAc;"}