"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.DesktopLabel = exports.MobileCompactLabel = exports.MobileLabelGroup = void 0;
const styled_1 = require("../../../styled");
const Typography_1 = require("../../../Typography");
const constants_1 = require("../../constants");
exports.MobileLabelGroup = styled_1.styled.div `
  display: none;

  ${({ theme }) => theme.breakpoints.down('sm')} {
    display: flex;
    align-items: center;
  }
`;
exports.MobileCompactLabel = (0, styled_1.styled)(Typography_1.Typography) `
  display: inline-block;

  &::before {
    content: counter(${constants_1.STEPPER_ORDER_COUNTER_NAME});
  }
`;
exports.DesktopLabel = (0, styled_1.styled)(Typography_1.Typography) `
  ${({ theme }) => theme.breakpoints.down('sm')} {
    display: none;
  }
`;
