16 lines
515 B
TypeScript
16 lines
515 B
TypeScript
|
import React, { useContext } from 'react';
|
||
|
|
import Container from 'react-bootstrap/Container';
|
||
|
|
import Image from 'react-bootstrap/Image'
|
||
|
|
import { PersonContext } from './PersonContext';
|
||
|
|
|
||
|
|
export default function AboutBrief() {
|
||
|
|
const person = useContext(PersonContext)
|
||
|
|
return (
|
||
|
|
<Container className='about-brief'>
|
||
|
|
<Image alt='Photograph of the person' rounded={true} src='photo.png'></Image>
|
||
|
|
<h1>{person.name}</h1>
|
||
|
|
<p className='brief'>{person.brief}</p>
|
||
|
|
</Container>
|
||
|
|
)
|
||
|
|
}
|