import { action } from "@storybook/addon-actions";
import { storiesOf } from "@storybook/react";
import { LinkEditorPanel } from "../LinkEditorPanel";
import React from "react";

storiesOf(`Link/${LinkEditorPanel.name}`, module)
  .add("Editable", () => (
    <LinkEditorPanel
      editable={true}
      url="https://dovetailapp.com/help/editor-formatting"
      onEditClick={action("onEditClick")}
      onRemoveClick={action("onRemoveClick")}
    />
  ))
  .add("Not editable", () => (
    <LinkEditorPanel
      editable={false}
      url="https://dovetailapp.com/help/editor-formatting"
      onEditClick={action("onEditClick")}
      onRemoveClick={action("onRemoveClick")}
    />
  ));