"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.StyledCounter = void 0;
const Counter_1 = require("../Counter");
const styled_1 = require("../styled");
exports.StyledCounter = (0, styled_1.styled)(Counter_1.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;
  }
`;
