"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.StyledLoader = exports.EndAdornmentWrapper = exports.StyledTagsList = exports.StyledTextField = void 0;
const InputBase_1 = require("@mui/material/InputBase");
const Loader_1 = require("../../Loader");
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};
  }
`;
exports.StyledTagsList = (0, styled_1.styled)(TagsList_1.TagsList) `
  overflow: hidden;

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

  margin-left: auto;
  padding-left: ${({ theme }) => theme.spacing(1)};
`;
exports.StyledLoader = (0, styled_1.styled)(Loader_1.Loader) `
  width: 20px;
  height: 20px;
`;
