vscode-front-matter/src/panelWebView/components/CustomScript.tsx

import * as React from 'react';
import { CommandToCode } from '../CommandToCode';
import { MessageHelper } from '../../helpers/MessageHelper';
import { ActionButton } from './ActionButton';

export interface ICustomScriptProps {
  title: string;
  script: string;
}

const CustomScript: React.FunctionComponent<ICustomScriptProps> = ({title, script}: React.PropsWithChildren<ICustomScriptProps>) => {

  const runCustomScript = () => {
    MessageHelper.sendMessage(CommandToCode.runCustomScript, { title, script });
  };

  return (
    <ActionButton onClick={runCustomScript} title={title} />
  );
};

CustomScript.displayName = 'CustomScript';
export { CustomScript };