import { ToastContainer } from 'react-toastify-next';
import { styled } from '../../styled';
import { bannerClassnames } from '../constants';
export const Inner = styled(ToastContainer) `
  position: relative;
  right: 0;
  bottom: 0;

  width: 100%;
  min-width: 400px;
  max-width: 432px;
  padding-bottom: 0;
  padding-left: ${({ theme }) => theme.spacing(3)};


  .${bannerClassnames.root} {
    width: 400px;
    height: auto;
    padding: 0;

    border-radius: ${({ theme }) => theme.shape.medium};
  }
`;
