2022-03-21 17:04:15 +00:00
|
|
|
/**
|
|
|
|
* Internal dependencies
|
|
|
|
*/
|
|
|
|
import './section-header.scss';
|
|
|
|
|
|
|
|
type Props = {
|
|
|
|
title: string;
|
|
|
|
description: string;
|
|
|
|
image: string;
|
|
|
|
};
|
|
|
|
|
|
|
|
const SectionHeader: React.FC< Props > = ( { title, description, image } ) => {
|
|
|
|
return (
|
|
|
|
<div className="woocommerce-task-header__contents-container woocommerce-task-section-header__container">
|
|
|
|
<div className="woocommerce-task-header__contents">
|
|
|
|
<h1>{ title }</h1>
|
|
|
|
<p>{ description }</p>
|
|
|
|
</div>
|
2022-04-13 14:20:26 +00:00
|
|
|
<div className="woocommerce-task-header__illustration">
|
|
|
|
<img
|
|
|
|
src={ image }
|
|
|
|
alt={ title }
|
|
|
|
className="illustration-background"
|
|
|
|
/>
|
|
|
|
</div>
|
2022-03-21 17:04:15 +00:00
|
|
|
</div>
|
|
|
|
);
|
|
|
|
};
|
|
|
|
|
|
|
|
export default SectionHeader;
|