import _extends from "@babel/runtime/helpers/esm/extends";
import React from "react";
import styled, { css } from "styled-components";
const InputAdornmentBase = styled.div.withConfig({
  displayName: "InputAdornment__InputAdornmentBase",
  componentId: "sc-1xfjx1z-0"
})(["", " ", ""], {
  "marginLeft": "0.25rem",
  "marginRight": "0.25rem",
  "display": "flex",
  "alignItems": "center",
  "gap": "0.5rem"
}, props => props.$disablePointerEvents && css(["", ""], {
  "pointerEvents": "none"
}));
export const InputAdornment = /*#__PURE__*/React.forwardRef((_ref, ref) => {
  let {
    children,
    as,
    disablePointerEvents,
    ...rest
  } = _ref;
  const Component = as || "div";
  return /*#__PURE__*/React.createElement(InputAdornmentBase, _extends({}, rest, {
    as: Component,
    $disablePointerEvents: disablePointerEvents,
    ref: ref
  }), children);
});
InputAdornment.displayName = "InputAdornment";
//# sourceMappingURL=InputAdornment.js.map