import React from "react";
import CssFlex from "../../../ui/CssFlex";
import TextSectionHeader from "./TextSectionHeader";
import TextSectionBody from "./TextSectionBody";
var TextSection = /*#__PURE__*/React.forwardRef(function (props, ref) {
  var assets = props.assets,
      suggestedAssets = props.suggestedAssets,
      type = props.type,
      hasDomains = props.hasDomains,
      maxLength = props.maxLength;
  var translations = props.translations,
      isLoading = props.isLoading;
  var onSelectAssets = props.onSelectAssets,
      onRemoveAsset = props.onRemoveAsset,
      onGetAISuggestions = props.onGetAISuggestions;
  var texts = assets.slice().reverse();
  return /*#__PURE__*/React.createElement(CssFlex, {
    ref: ref,
    direction: "column",
    gap: "md",
    width: "-webkit-fill-available"
  }, /*#__PURE__*/React.createElement(TextSectionHeader, {
    translations: translations
  }), /*#__PURE__*/React.createElement(TextSectionBody, {
    hasDomains: hasDomains,
    isLoading: isLoading,
    type: type,
    translations: translations,
    maxLength: maxLength,
    onSelectAssets: onSelectAssets,
    onRemoveAsset: onRemoveAsset,
    onGetAISuggestions: onGetAISuggestions,
    assets: texts,
    suggestedAssets: suggestedAssets
  }));
});
export default TextSection;