/**
 * @license
 * Copyright (c) 2014, 2024, Oracle and/or its affiliates.
 * Licensed under The Universal Permissive License (UPL), Version 1.0
 * as shown at https://oss.oracle.com/licenses/upl/
 * @ignore
 */

import { h } from "preact";
import "ojs/ojdialog";
import { ojDialog } from "ojs/ojdialog";
import { MutableRef, useRef, useEffect } from "preact/hooks"

type Props = {
  isOpened: boolean;
  closeDialog: (ref: MutableRef<ojDialog>, type: string) => void;
};

const CreateNewItemDialog = (props: Props) => {

  const createDialogRef = useRef<ojDialog>(null);

  const closeDialog = () => {
    props.closeDialog(createDialogRef as MutableRef<ojDialog>, "create");
  }

  useEffect(() => {
    props.isOpened
      ? createDialogRef.current?.open()
      : createDialogRef.current?.close();
  }, [props.isOpened]);

  return (
    <span>
      <oj-dialog id="createDialog" ref={createDialogRef} dialogTitle="Create New Item" onojClose={closeDialog} cancelBehavior="icon">
        <div slot="body">
          <p>dialog open</p>
        </div>
      </oj-dialog>
    </span>
  );
};

export default CreateNewItemDialog;