import { Counter } from '../Counter';
import { styled } from '../styled';
export const StyledCounter = styled(Counter, {
    shouldForwardProp: (prop) => !['$collapsedIn'].includes(prop),
}) `
  transform: ${({ $collapsedIn }) => ($collapsedIn ? 'scale(1)' : 'scale(0)')};

  transition: ${({ theme }) => theme.transitions.create(['transform'], {
    duration: theme.transitions.duration.standard,
})};

  ${({ theme }) => theme.breakpoints.down('sm')} {
    margin-left: auto;
  }
`;
