import React from 'react'
import { Container, Text } from '@nextui-org/react'
import banner_pages from '../assets/banner_pages.jpg'
import Header from './Header'
import { FaArrowRight } from 'react-icons/fa'

const HomeBread = ({page }) => {
  return (
    <>
    <Container fluid css={{ 
      backgroundColor: `#000`,
      backgroundImage: `url(${banner_pages})`, 
      backgroundSize: 'cover',
      width: '100%', 
      height: '300px', 
      maxWidth: '100%', 
      p: '0', 
      m: '0' 
      }}
    >
      <Header />
      <Text h6 color='white' css={{ textAlign: 'center' }} > Home <FaArrowRight fontSize={12} /> {page} </Text>
    </Container>
    </>
  )
}

export default HomeBread