{"version":3,"file":"index.js","names":["GridViewIcon","ListViewIcon","Button","baseClass","ToggleViewButtons","activeView","setActiveView","_jsxs","_Fragment","_jsx","buttonStyle","className","filter","Boolean","join","icon","margin","onClick"],"sources":["../../../../src/elements/FolderView/ToggleViewButtons/index.tsx"],"sourcesContent":["import { GridViewIcon } from '../../../icons/GridView/index.js'\nimport { ListViewIcon } from '../../../icons/ListView/index.js'\nimport { Button } from '../../Button/index.js'\nimport './index.scss'\n\nconst baseClass = 'folder-view-toggle-button'\n\ntype Props = {\n  activeView: 'grid' | 'list'\n  setActiveView: (view: 'grid' | 'list') => void\n}\nexport function ToggleViewButtons({ activeView, setActiveView }: Props) {\n  return (\n    <>\n      <Button\n        buttonStyle=\"pill\"\n        className={[baseClass, activeView === 'grid' && `${baseClass}--active`]\n          .filter(Boolean)\n          .join(' ')}\n        icon={<GridViewIcon />}\n        margin={false}\n        onClick={() => {\n          setActiveView('grid')\n        }}\n      />\n      <Button\n        buttonStyle=\"pill\"\n        className={[baseClass, activeView === 'list' && `${baseClass}--active`]\n          .filter(Boolean)\n          .join(' ')}\n        icon={<ListViewIcon />}\n        margin={false}\n        onClick={() => {\n          setActiveView('list')\n        }}\n      />\n    </>\n  )\n}\n"],"mappings":";AAAA,SAASA,YAAY,QAAQ;AAC7B,SAASC,YAAY,QAAQ;AAC7B,SAASC,MAAM,QAAQ;AACvB,OAAO;AAEP,MAAMC,SAAA,GAAY;AAMlB,OAAO,SAASC,kBAAkB;EAAEC,UAAU;EAAEC;AAAa,CAAS;EACpE,oBACEC,KAAA,CAAAC,SAAA;4BACEC,IAAA,CAACP,MAAA;MACCQ,WAAA,EAAY;MACZC,SAAA,EAAW,CAACR,SAAA,EAAWE,UAAA,KAAe,UAAU,GAAGF,SAAA,UAAmB,CAAC,CACpES,MAAM,CAACC,OAAA,EACPC,IAAI,CAAC;MACRC,IAAA,eAAMN,IAAA,CAACT,YAAA;MACPgB,MAAA,EAAQ;MACRC,OAAA,EAASA,CAAA;QACPX,aAAA,CAAc;MAChB;qBAEFG,IAAA,CAACP,MAAA;MACCQ,WAAA,EAAY;MACZC,SAAA,EAAW,CAACR,SAAA,EAAWE,UAAA,KAAe,UAAU,GAAGF,SAAA,UAAmB,CAAC,CACpES,MAAM,CAACC,OAAA,EACPC,IAAI,CAAC;MACRC,IAAA,eAAMN,IAAA,CAACR,YAAA;MACPe,MAAA,EAAQ;MACRC,OAAA,EAASA,CAAA;QACPX,aAAA,CAAc;MAChB;;;AAIR","ignoreList":[]}