"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.Wrapper = void 0;
const styled_1 = require("../styled");
const constants_1 = require("./constants");
exports.Wrapper = styled_1.styled.div `
  display: flex;
  flex-direction: row;
  align-items: baseline;
  justify-content: start;

  margin: 0;

  &.${constants_1.descriptionClassnames.directionColumn} {
    flex-direction: column;
  }
    
  &.${constants_1.descriptionClassnames.justifyContentSpaceBetween} {
    justify-content: space-between;
  }

  ${({ theme }) => theme.breakpoints.down('sm')} {
    flex-direction: column;

    & .${constants_1.descriptionClassnames.leader} {
      display: none;
    }

    &.${constants_1.descriptionClassnames.directionRow} {
      flex-direction: row;

      & .${constants_1.descriptionClassnames.leader} {
        display: block;
      }
    }

    .MuiTypography-root {
      font-size: ${({ theme }) => theme.typography.fontSize}px;
    }
  }
`;
