type Props = {
  storyId: string
  storyTitle: string
  dataTestPrefix?: string
  className?: string
}

export default function Header(props: Props) {
  const { storyId, storyTitle, dataTestPrefix, className } = props
  return (
    <StyledTitle className={className}>
      <Link href={`/story?storyId=${storyId}`} as={`/story/${storyId}`}>
        <a data-testid={dataTestPrefix}>{storyTitle}</a>
      </Link>
    </StyledTitle>
  )
}