import { styled } from '../styled';
import { dataGridActionCellClassnames } from './constants';
export const Wrapper = styled.div `
  display: inline-flex;
  align-items: center;

  ${({ theme }) => theme.breakpoints.down('sm')} {
    gap: ${({ theme }) => theme.spacing(3)};

    width: auto;

    &.${dataGridActionCellClassnames.hasMainActions} {
      width: 100%;
    }
  }
`;
