45 lines
1021 B
TypeScript
45 lines
1021 B
TypeScript
/**
|
|
* External dependencies
|
|
*/
|
|
import { __ } from '@wordpress/i18n';
|
|
|
|
/**
|
|
* Internal dependencies
|
|
*/
|
|
import WCSImage from '../images/wcs.svg';
|
|
import PrinterImage from '../images/printer.svg';
|
|
import PaperImage from '../images/paper.svg';
|
|
import DiscountImage from '../images/discount.svg';
|
|
import { PluginBanner } from './plugin-banner';
|
|
|
|
const features = [
|
|
{
|
|
icon: PrinterImage,
|
|
title: __( 'Buy postage when you need it', 'woocommerce' ),
|
|
description: __(
|
|
'No need to wonder where that stampbook went.',
|
|
'woocommerce'
|
|
),
|
|
},
|
|
{
|
|
icon: PaperImage,
|
|
title: __( 'Print at home', 'woocommerce' ),
|
|
description: __(
|
|
'Pick up an order, then just pay, print, package and post.',
|
|
'woocommerce'
|
|
),
|
|
},
|
|
{
|
|
icon: DiscountImage,
|
|
title: __( 'Discounted rates', 'woocommerce' ),
|
|
description: __(
|
|
'Access discounted shipping rates with DHL and USPS.',
|
|
'woocommerce'
|
|
),
|
|
},
|
|
];
|
|
|
|
export const WCSBanner = () => {
|
|
return <PluginBanner logo={ { image: WCSImage } } features={ features } />;
|
|
};
|