import { SecondaryVisibleActions } from '../../../ActionGroup';
import { Button } from '../../../Button';
import { styled } from '../../../styled';
export const StyledMobileButton = styled(Button) `
  display: none;
  flex-grow: 1;

  ${({ theme }) => theme.breakpoints.down('sm')} {
    display: flex;
  }
`;
export const StyledSecondaryVisibleActions = styled(SecondaryVisibleActions) `
  display: flex;

  ${({ theme }) => theme.breakpoints.down('sm')} {
    display: none;
  }
`;
