mirror of
https://github.com/tjsga/tj-sga-website-react.git
synced 2025-04-17 10:20:17 -04:00
15 lines
443 B
TypeScript
15 lines
443 B
TypeScript
import BlueButtonLink from './BlueButtonLink';
|
|
import SegmentHeader from './SegmentHeader';
|
|
|
|
export default function Segment({ title, content, imageUrl, infoUrl }) {
|
|
return (
|
|
<div style={{ textAlign: 'center', padding: '0px 17px' }}>
|
|
<SegmentHeader>{title}</SegmentHeader>
|
|
<img src={imageUrl} alt={title} />
|
|
<p className='strong-paragraph'>{content}</p>
|
|
|
|
<BlueButtonLink href={infoUrl}>MORE INFO</BlueButtonLink>
|
|
</div>
|
|
);
|
|
}
|