36 lines
757 B
TypeScript
36 lines
757 B
TypeScript
import React from 'react';
|
|
|
|
interface QuoteProps {
|
|
quote: string;
|
|
author: string;
|
|
description: string;
|
|
}
|
|
|
|
/**
|
|
* @return {jsx} The root component
|
|
*/
|
|
export default function Quote(
|
|
{quote, author, description}: QuoteProps) {
|
|
const containerStyle = {
|
|
backgroundColor: '#f7f7f7',
|
|
};
|
|
|
|
return (
|
|
<React.Fragment>
|
|
<div
|
|
className='container-fluid p-5'
|
|
style={containerStyle}>
|
|
<div
|
|
className='container
|
|
w-75 d-flex justify-content-center align-items-center'>
|
|
<blockquote className="blockquote mx-5">
|
|
<p className="mb-0">{quote}</p>
|
|
<footer className="blockquote-footer">{author}</footer>
|
|
</blockquote>
|
|
<div className='lead w-25 mx-5'>{description}</div>
|
|
</div>
|
|
</div>
|
|
</React.Fragment>
|
|
);
|
|
}
|