import React from 'react'
import type { ViewStyle } from 'react-native'
import { ADULT_REQUIREMENT_BODY } from '../../utils'
import BannerPrimitive from '../primitive/banner_primitive'
import { BannerCollapsible } from './banner_collapsible'

interface AdultRequirementNoticeProps {
  style?: ViewStyle
}

export function AdultRequirementNotice({ style }: AdultRequirementNoticeProps) {
  return (
    <BannerCollapsible
      appearance="warning"
      iconName="general.shieldExclamation"
      heading="Two adults required to chat"
      style={style}
    >
      <BannerPrimitive.Text>{ADULT_REQUIREMENT_BODY}</BannerPrimitive.Text>
    </BannerCollapsible>
  )
}