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>
  )
}