"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.Wrapper = void 0;
const Button_1 = require("@mui/material/Button");
const styled_1 = require("../../../styled");
const Tooltip_1 = require("../../../Tooltip");
exports.Wrapper = styled_1.styled.div `
  display: flex;
  gap: ${({ theme, $spacing }) => theme.spacing($spacing)};

  ${({ theme }) => theme.breakpoints.down('sm')} {
    flex-wrap: wrap;
    gap: ${({ theme }) => theme.spacing(2)};
    order: -1;

    padding-bottom: ${({ theme }) => theme.spacing(2)};

    & > .${Tooltip_1.tooltipClassnames.contentWrapper}, & > .${Button_1.buttonClasses.root} {
      flex: 1 1 calc(50% - ${({ theme }) => theme.spacing(1)});
    }
  }
`;
