import '../../../theme/index.mjs';
import '../../../theme/style/motion/index.mjs';
import genDraggerStyle from './dragger.mjs';
import genListStyle from './list.mjs';
import genMotionStyle from './motion.mjs';
import { genPictureStyle, genPictureCardStyle } from './picture.mjs';
import genRtlStyle from './rtl.mjs';
import { resetComponent } from '../../../theme/style/index.mjs';
import genComponentStyleHook from '../../../theme/token/util/genComponentStyleHook.mjs';
import { merge } from '../../../theme/token/util/statistic.mjs';
import genCollapseMotion from '../../../theme/style/motion/collapse.mjs';

const genBaseStyle = (token) => {
  const { componentCls, colorTextDisabled } = token;
  return {
    [`${componentCls}-wrapper`]: {
      ...resetComponent(token),
      [componentCls]: {
        "outline": 0,
        "input[type='file']": {
          cursor: "pointer"
        }
      },
      [`${componentCls}-select`]: {
        display: "inline-block"
      },
      [`${componentCls}-disabled`]: {
        color: colorTextDisabled,
        cursor: "not-allowed"
      }
    }
  };
};
var useStyle = genComponentStyleHook("Upload", (token) => {
  const { fontSizeHeading3, fontSize, lineHeight, lineWidth, controlHeightLG } = token;
  const listItemHeightSM = Math.round(fontSize * lineHeight);
  const uploadToken = merge(token, {
    uploadThumbnailSize: fontSizeHeading3 * 2,
    uploadProgressOffset: listItemHeightSM / 2 + lineWidth,
    uploadPicCardSize: controlHeightLG * 2.55
  });
  return [
    genBaseStyle(uploadToken),
    genDraggerStyle(uploadToken),
    genPictureStyle(uploadToken),
    genPictureCardStyle(uploadToken),
    genListStyle(uploadToken),
    genMotionStyle(uploadToken),
    genRtlStyle(uploadToken),
    genCollapseMotion(uploadToken)
  ];
});

export { useStyle as default };
//# sourceMappingURL=index.mjs.map
