// Module ID: 12561
// Function ID: 12562
// Name: ScheduledMessageDraftCoachmark
// Dependencies: [19, 17, 1954, 21, 4636, 1114, 12349, 11261, 2]
// Exports: default

// Module 12561 (ScheduledMessageDraftCoachmark)
import util from "util" /* 1114 */;
import useCoachmark from "useCoachmark" /* 11261 */;
import noop from "module_19" /* 19 */;

require = fn;
function AttachedCoachmark(buttonRef) {
  const merged = Object.assign(buttonRef, Object.assign({ buttonRef: 0 }));
  const coachmark = useCoachmark.useCoachmark(buttonRef.buttonRef, merged);
  return null;
}
const Image = fn(17).Image;
const ContentDismissActionType = fn(1954).ContentDismissActionType;
const jsx = fn(21).jsx;
const createStyles = fn(4636);
let closure_7 = createStyles.createStyles({ image: { width: 100, height: 80 } });
const size = fn(2);
const result = size.fileFinishedImporting("modules/scheduled_messages/native/ScheduledMessageDraftCoachmark.tsx");

export default function ScheduledMessageDraftCoachmark(onDismiss) {
  onDismiss = onDismiss.onDismiss;
  ({ buttonRef, isVisible } = onDismiss);
  const tmp = closure_7();
  closure_1 = tmp;
  const items = [onDismiss, tmp.image];
  const memo = noop.useMemo(() => {
    const obj = { title: null, description: null, position: "top", offsetY: 4, visible: true, onDismiss: null, renderImgComponent: null };
    const intl = util.intl;
    obj.title = intl.string(util.t.Pu7sCU);
    const intl2 = util.intl;
    obj.description = intl2.format(util.t.Juk17F, {});
    obj.onDismiss = function onDismiss() {
      return onDismiss(constants.USER_DISMISS);
    };
    obj.renderImgComponent = function renderImgComponent() {
      return <Image source={closure_1(dependencyMap[6])} style={closure_1_1.image} />;
    };
    return obj;
  }, items);
  let tmp3 = null;
  if (isVisible) {
    let obj = { buttonRef };
    const merged = Object.assign(memo);
    tmp3 = <AttachedCoachmark buttonRef={buttonRef} />;
  }
  return tmp3;
};