@wulperstudio/cms/layouts/HeaderOneColumn/components/WrapperDrawerFilter/index.js

Wulper Studio Library Components CMS

import React from 'react';
import { useTheme } from '@mui/material';
import { DrawerV2 } from '../../../../components/DrawerV2';
import { jsx as _jsx } from "react/jsx-runtime";
export var WrapperDrawerFilter = function WrapperDrawerFilter(_ref) {
  var children = _ref.children,
    openDrawer = _ref.openDrawer,
    isResponsive = _ref.isResponsive;
  var theme = useTheme();
  return /*#__PURE__*/_jsx(DrawerV2, {
    open: openDrawer,
    variant: isResponsive ? 'temporary' : 'persistent',
    width: isResponsive ? '100%' : '290px',
    backgroundColor: isResponsive ? theme.palette.background["default"] : 'transparent',
    boxShadow: "none",
    direction: isResponsive ? 'top' : 'left',
    animation: !!isResponsive,
    padding: "15px 0px 15px 15px",
    children: children
  });
};