export default `import React from "react";
import * as Flex from "@twilio/flex-ui";
import { FlexPlugin } from "@twilio/flex-plugin";

import CustomTaskList from "./components/CustomTaskList/CustomTaskList";

const PLUGIN_NAME = "Sample2Plugin";

export default class Sample2Plugin extends FlexPlugin {
  constructor() {
    super(PLUGIN_NAME);
  }

  /**
   * This code is run when your plugin is being started
   * Use this to modify any UI components or attach to the actions framework
   *
   * @param flex { typeof Flex }
   */
  async init(flex: typeof Flex, manager: Flex.Manager): Promise<void> {
    const options: Flex.ContentFragmentProps = { sortOrder: -1 };

    /* Automatically modified by Flex Plugin CLI. More info here - http://example.com */
    flex.Customization.registerComponent({
      customComponent: "Sample2Plugin-component",
      componentHint: "AgentDesktopView.Panel1.Content",
      operationHint: "add"
    }, <CustomTaskList key="Sample2Plugin-component" />, options);
  }
}`;