import React from 'react'

import usePopup from '../../hooks/Popup'

type HowToLinkProps = {
  legal: string
  text: string
}

export default function HowToLink ( { legal, text }: HowToLinkProps ) {
  const { openPopup } = usePopup()
  return (
    <div>
      <a
        href="#" className="components-panel__link btn__templates-builder"
        onClick={ e => openPopup( { type: 'info', legal } ) }
      >
        { text }
      </a>
    </div>
  )
}