@bemit/consent-ui-mui/ConsentUiBoxSnack/ConsentUiBoxSnack.js

import React from 'react';
import Snackbar from '@mui/material/Snackbar';
import Paper from '@mui/material/Paper';
import { useTheme } from '@mui/material/styles';
import useMediaQuery from '@mui/material/useMediaQuery';
import { ConsentUiBox } from '@bemit/consent-ui-mui/ConsentUiBox';
import { jsx as _jsx } from "react/jsx-runtime";
export const ConsentUiBoxSnack = ({
  snackOrigin,
  minWidth = 280,
  borderRadius = 6,
  maxHeight = '92vh',
  maxWidth = '95vw',
  layout,
  showDetails,
  setShowDetails,
  ...props
}) => {
  const {
    breakpoints
  } = useTheme();
  const isMd = useMediaQuery(breakpoints.up('md'));
  return _jsx(Snackbar, {
    open: true,
    anchorOrigin: snackOrigin || {
      vertical: 'bottom',
      horizontal: 'center'
    },
    style: {
      minWidth: minWidth,
      width: isMd ? undefined : '95%',
      maxWidth: maxWidth
    },
    children: _jsx(Paper, {
      style: {
        borderRadius: borderRadius,
        display: 'flex',
        flexDirection: 'column',
        overflow: 'auto',
        maxHeight: maxHeight
      },
      children: _jsx(ConsentUiBox, {
        showDetails: showDetails,
        setShowDetails: setShowDetails,
        ...props,
        layout: layout
      })
    })
  });
};