"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.InputsWrapper = void 0;
const FormControl_1 = require("@mui/material/FormControl");
const InputBase_1 = require("@mui/material/InputBase");
const styled_1 = require("../styled");
exports.InputsWrapper = styled_1.styled.fieldset `
  display: grid;
  grid-template-columns: ${({ $columnsTemplate }) => $columnsTemplate};

  margin-inline: 0;
  padding: 0;

  border: unset;

  & .${FormControl_1.formControlClasses.root} {
    width: 100%;

    .${InputBase_1.inputBaseClasses.root} {
      position: relative;
      z-index: 2;

      border-radius: 0;

      &.${InputBase_1.inputBaseClasses.focused} {
        z-index: 4;
      }
    }
  }

  /* Скругления только крайних инпутов */
  & > :first-child .${InputBase_1.inputBaseClasses.root} {
    border-top-left-radius: ${({ theme }) => theme.shape.medium};
    border-bottom-left-radius: ${({ theme }) => theme.shape.medium};
    
    &.${InputBase_1.inputBaseClasses.disabled} {
      z-index: 1;

      &::after {
        content: '';

        position: absolute;
        right: 0;

        width: 1px;
        height: 100%;

        background-color: ${({ theme }) => theme.palette.grey[500]};
      }
    }
  }

  & > :last-child .${InputBase_1.inputBaseClasses.root} {
    border-top-right-radius: ${({ theme }) => theme.shape.medium};
    border-bottom-right-radius: ${({ theme }) => theme.shape.medium};
  }

  & > :not(:first-child) .${InputBase_1.inputBaseClasses.root} {
    &.${InputBase_1.inputBaseClasses.disabled} {
      z-index: 1;
 
    
    &::after {
        content: '';
  
        position: absolute;
        left: 0;
  
        width: 1px;
        height: 100%;
  
        background-color: ${({ theme }) => theme.palette.grey[500]};
      }
    }
  
  }
  
  & > :not(:last-child) .${InputBase_1.inputBaseClasses.root} {
    width: auto;
    margin-right: -2px;
    
    &:hover {
      z-index: 3;
      
      &.${InputBase_1.inputBaseClasses.disabled} {
        z-index: 1;
      }
    }
  }

  
`;
