37 lines
837 B
TypeScript
37 lines
837 B
TypeScript
/**
|
|
* External dependencies
|
|
*/
|
|
import { Card, CardBody } from '@wordpress/components';
|
|
|
|
/**
|
|
* Internal dependencies
|
|
*/
|
|
import strings from './strings';
|
|
import GiftIcon from './gift';
|
|
import WCPayOfferIcon from './wcpay-offer.svg';
|
|
|
|
const Banner = () => {
|
|
return (
|
|
<Card size="large" className="account-page woocommerce-payments-banner">
|
|
<CardBody>
|
|
<div className="limited-time-offer">
|
|
<div className="offer-header">
|
|
<GiftIcon className="gift-icon" />
|
|
{ strings.limitedTimeOffer }
|
|
</div>
|
|
<h1 className="offer-copy">{ strings.bannerCopy }</h1>
|
|
<p>{ strings.discountCopy }</p>
|
|
<p>{ strings.termsAndConditions }</p>
|
|
</div>
|
|
<img
|
|
className="banner-offer-icon"
|
|
src={ WCPayOfferIcon }
|
|
alt="WCPay Offer icon"
|
|
/>
|
|
</CardBody>
|
|
</Card>
|
|
);
|
|
};
|
|
|
|
export default Banner;
|