"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.StyledGrid = exports.TargetTextWrapper = exports.StyledButton = void 0;
const Button_1 = require("../Button");
const Grid_1 = require("../Grid");
const Loader_1 = require("../Loader");
const styled_1 = require("../styled");
const Typography_1 = require("../Typography");
exports.StyledButton = (0, styled_1.styled)(Button_1.Button) `
  display: flex;
  align-items: center;
  justify-content: space-between;

  min-width: 300px;
  min-height: 68px;
  padding: ${({ theme: { spacing } }) => spacing(4, 5)};

  border-radius: ${({ theme: { shape } }) => shape.medium};

  ${({ theme: { breakpoints } }) => breakpoints.down('sm')} {
    padding: ${({ theme: { spacing } }) => spacing(4, 5)};
  }

  /* Причина игнора: Не критично для отображения */
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
  &:has(.${Loader_1.loaderClassnames.root}) {
    justify-content: center;
  }
`;
exports.TargetTextWrapper = (0, styled_1.styled)(Typography_1.Typography) `
  margin-bottom: ${({ theme: { spacing } }) => spacing(1)};

  text-align: start;
`;
exports.StyledGrid = (0, styled_1.styled)(Grid_1.Grid) `
  justify-items: start;
`;
