import { SecondaryActions } from '../../../ActionGroup';
import { Button } from '../../../Button';
import { styled } from '../../../styled';
export const StyledMobileButton = styled(Button) `
  display: none;

  width: 100%;

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

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