import React from 'react'
import type { ContentTree } from '@financial-times/content-tree'
import { ContentProps } from '../types'

export const FindOutMoreLink: React.FC<
  React.PropsWithChildren<ContentProps<ContentTree.FindOutMoreLink>>
> = (props) => (
  <a
    href={props.content.url}
    data-trackable="find-out-more-link"
    className="cp-find-out-more-link"
  >
    {props.children}
  </a>
)