import React, { PropsWithChildren } from 'react';
import { Tooltip } from '@contentstack/venus-components';

type EmbedBtnProps = PropsWithChildren & {
  content: string;
  onClick: (e: unknown) => void;
  title: string;
};

export default function EmbedBtn({
  content,
  title,
  onClick,
  children,
}: EmbedBtnProps) {
  return (
    <Tooltip position="bottom" content={content}>
      <button
        id={title}
        type="button"
        onClick={(e) => {
          e?.preventDefault();
          e?.stopPropagation();
          onClick(e);
        }}
      >
        {children}
      </button>
    </Tooltip>
  );
}