@maherunlocker/custom-react-table/dist/esm/Table/FilterModalMobile.js

dynamic table based on react table v7

import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { Modal, ModalBody, ModalHeader } from 'reactstrap';
// import { useTranslation } from 'react-i18next';
import { Box } from '@mui/material';
import { FilterIcon } from '../components/assets/FilterIcon';
import { FilterPageCustom } from './FilterPageCustom';
import { StyledH2 } from '../components/assets/StyledH2';
import { useStyles } from './TableStyle';
export default function FilterModalMobile({ instance, filterActive, setLocalFilterActive, tableName, }) {
    // const { t } = useTranslation();
    const classes = useStyles();
    return (_jsxs(Modal, Object.assign({ toggle: () => setLocalFilterActive(!filterActive), isOpen: filterActive, style: { margin: '0 ', padding: '0 ', height: '100%' }, scrollable: true }, { children: [_jsx(ModalHeader, Object.assign({ className: "text-capitalize", toggle: () => setLocalFilterActive(!filterActive) }, { children: _jsxs(Box, Object.assign({ sx: {
                        display: 'flex',
                        alignItems: 'center',
                        justifyContent: 'space-between',
                    } }, { children: [_jsx(FilterIcon, { className: classes.tableFilterAltOutlinedIcon, style: { flexDirection: 'row-reverse' } }), _jsx(StyledH2, { children: " Filtre(s)" })] })) })), _jsx(ModalBody, Object.assign({ style: { margin: '0 ', padding: '0 ', height: '100%' } }, { children: _jsx(FilterPageCustom, { instance: instance, setLocalFilterActive: setLocalFilterActive, filterActive: filterActive, tableName: tableName }) }))] })));
}
//# sourceMappingURL=FilterModalMobile.js.map