"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.StyledFormHelperText = exports.StyledFormControlledLabel = void 0;
const FormControlLabel_1 = require("@mui/material/FormControlLabel");
const Stack_1 = require("@mui/material/Stack");
const FormControlLabel_2 = require("../FormControlLabel");
const FormHelperText_1 = require("../FormHelperText");
const styled_1 = require("../styled");
const constants_1 = require("./constants");
exports.StyledFormControlledLabel = (0, styled_1.styled)(FormControlLabel_2.FormControlLabel) `
  align-items: flex-start;

  .${Stack_1.stackClasses.root} {
    display: flex;
    flex-direction: row;
  }

  .${FormControlLabel_1.formControlLabelClasses.asterisk} {
    align-self: flex-start;
  }

  .${constants_1.checkboxFieldClassnames.label} {
    margin-left: 0;
    padding-top: calc(${({ theme }) => theme.spacing(1)} + 2px);

    ${({ theme }) => theme.breakpoints.down('sm')} {
      padding-top: calc(${({ theme }) => theme.spacing(2)} + 2px);
    }
  }
`;
exports.StyledFormHelperText = (0, styled_1.styled)(FormHelperText_1.FormHelperText) `
  padding-left: ${({ theme }) => theme.spacing(7)};
  
  ${({ theme }) => theme.breakpoints.down('sm')} {
    padding-left: ${({ theme }) => theme.spacing(9)};
  }
`;
