import { jsxDEV as _jsxDEV, Fragment as _Fragment } from "react/jsx-dev-runtime";
import { GridViewIcon } from '../../../icons/GridView/index.js';
import { ListViewIcon } from '../../../icons/ListView/index.js';
import { Button } from '../../Button/index.js';
import './index.scss';
const baseClass = 'folder-view-toggle-button';
export function ToggleViewButtons({ activeView, setActiveView }) {
    return /*#__PURE__*/ _jsxDEV(_Fragment, {
        children: [
            /*#__PURE__*/ _jsxDEV(Button, {
                buttonStyle: "pill",
                className: [
                    baseClass,
                    activeView === 'grid' && `${baseClass}--active`
                ].filter(Boolean).join(' '),
                icon: /*#__PURE__*/ _jsxDEV(GridViewIcon, {}, void 0, false, {
                    fileName: "src/elements/FolderView/ToggleViewButtons/index.tsx",
                    lineNumber: 20,
                    columnNumber: 15
                }, void 0),
                margin: false,
                onClick: ()=>{
                    setActiveView('grid');
                }
            }, void 0, false, {
                fileName: "src/elements/FolderView/ToggleViewButtons/index.tsx",
                lineNumber: 15,
                columnNumber: 7
            }, this),
            /*#__PURE__*/ _jsxDEV(Button, {
                buttonStyle: "pill",
                className: [
                    baseClass,
                    activeView === 'list' && `${baseClass}--active`
                ].filter(Boolean).join(' '),
                icon: /*#__PURE__*/ _jsxDEV(ListViewIcon, {}, void 0, false, {
                    fileName: "src/elements/FolderView/ToggleViewButtons/index.tsx",
                    lineNumber: 31,
                    columnNumber: 15
                }, void 0),
                margin: false,
                onClick: ()=>{
                    setActiveView('list');
                }
            }, void 0, false, {
                fileName: "src/elements/FolderView/ToggleViewButtons/index.tsx",
                lineNumber: 26,
                columnNumber: 7
            }, this)
        ]
    }, void 0, true);
}

//# sourceMappingURL=index.js.map