import React from 'react'
import { useShowUpdates } from '../hooks/useShowUpdates'
import { Strings } from '../i18n'
import { Banner } from './Banner'

export const UpdateBanner: React.FC = () => {
  const { newVersion, onAccept, onDismiss } = useShowUpdates()
  if (!newVersion) return null

  return (
    <Banner
      title={Strings.Shared.UpdateAvailable}
      acceptText={Strings.Shared.UpdateNow}
      dismissText={Strings.Shared.RemindMeLater}
      onAccept={onAccept}
      onDismiss={onDismiss}
    />
  )
}