import React from 'react'

import { cn } from '@/lib/utils'
import { ExternalLink } from '@/components/external-link'

export function FooterText({ className, ...props }: React.ComponentProps<'p'>) {
  return (
    <p
      className={cn(
        'px-2 text-center text-xs leading-normal text-muted-foreground',
        className
      )}
      {...props}
    >
      TypeScript SDK demo chatbot for{' '}
      <ExternalLink href="https://langwatch.ai">LangWatch</ExternalLink>
    </p>
  )
}
