"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.IconWrapper = exports.StyledTagsList = exports.StyledTextField = void 0;
const FormControl_1 = require("@mui/material/FormControl");
const InputBase_1 = require("@mui/material/InputBase");
const Loader_1 = require("../../Loader");
const SvgIcon_1 = require("../../SvgIcon");
const styled_1 = require("../../styled");
const TagsList_1 = require("../../TagsList");
const TextField_1 = require("../../TextField");
exports.StyledTextField = (0, styled_1.styled)(TextField_1.TextField, {
    shouldForwardProp: (prop) => !['$isHidden'].includes(prop),
}) `
  .${InputBase_1.inputBaseClasses.input} {
    width: ${({ $isHidden }) => $isHidden && 0};
  }

  &.${FormControl_1.formControlClasses.root} .${InputBase_1.inputBaseClasses.adornedEnd} .${Loader_1.loaderClassnames.root} .${SvgIcon_1.svgIconClassnames.root} {
    width: 100%;
    height: 100%;
  }
`;
exports.StyledTagsList = (0, styled_1.styled)(TagsList_1.TagsList) `
  overflow: hidden;

  width: 100%;
`;
exports.IconWrapper = styled_1.styled.div `
  display: flex;
  gap: ${({ theme }) => theme.spacing(1)};
`;
