import { action } from "@storybook/addon-actions";
import { Meta, Story } from "@storybook/react";
import { Cartesian3, KeyboardEventModifier, ScreenSpaceEventType } from "cesium";

import Entity from "../Entity";
import ScreenSpaceEvent from "../ScreenSpaceEvent";
import Viewer from "../Viewer";

import ScreenSpaceEventHandler, { ScreenSpaceEventHandlerProps } from "./ScreenSpaceEventHandler";

export default {
  title: "ScreenSpaceEventHandler",
  component: ScreenSpaceEventHandler,
} as Meta;

export const Basic: Story<ScreenSpaceEventHandlerProps> = args => (
  <Viewer full>
    <ScreenSpaceEventHandler {...args}>
      <ScreenSpaceEvent action={action("Left Click")} type={ScreenSpaceEventType.LEFT_CLICK} />
      <ScreenSpaceEvent action={action("Right Click")} type={ScreenSpaceEventType.RIGHT_CLICK} />
      <ScreenSpaceEvent
        action={action("Left Double Click")}
        type={ScreenSpaceEventType.LEFT_DOUBLE_CLICK}
      />
      <ScreenSpaceEvent
        action={action("Shift + Right Click")}
        type={ScreenSpaceEventType.RIGHT_CLICK}
        modifier={KeyboardEventModifier.SHIFT}
      />
      <ScreenSpaceEvent action={action("Mouse moved")} type={ScreenSpaceEventType.MOUSE_MOVE} />
    </ScreenSpaceEventHandler>
  </Viewer>
);

export const DisableClick: Story<ScreenSpaceEventHandlerProps> = args => (
  <Viewer full>
    <ScreenSpaceEventHandler {...args} useDefault>
      <ScreenSpaceEvent type={ScreenSpaceEventType.LEFT_CLICK} />
    </ScreenSpaceEventHandler>
    <Entity
      name="test"
      description="test!!"
      position={Cartesian3.fromDegrees(-74.0707383, 40.7117244, 100)}
      point={{ pixelSize: 10 }}
    />
  </Viewer>
);

DisableClick.storyName = "Disable click";