import React, { forwardRef } from "react";
import { AttachButton } from "../AttachButton";
import { StyledAttachButtonWrapper } from "../../Attach.styles";
import { MoreTrigger } from "../../ui";
import { HiddenRoot, HiddenWrapper } from "./HiddenWidthHelper.styles";
export const HiddenWidthHelper = /*#__PURE__*/ forwardRef(({ hideButtonOnAttach, filesLength, hasHiddenFiles, size }, wrapperRef)=>{
    return /*#__PURE__*/ React.createElement(HiddenRoot, null, (!hideButtonOnAttach || !filesLength) && /*#__PURE__*/ React.createElement(StyledAttachButtonWrapper, null, /*#__PURE__*/ React.createElement(AttachButton, null)), /*#__PURE__*/ React.createElement(HiddenWrapper, {
        ref: wrapperRef
    }), hasHiddenFiles && /*#__PURE__*/ React.createElement(MoreTrigger, {
        size: size
    }));
});
