lbry-desktop/ui/page/checkoutPage/view.jsx

33 lines
995 B
React
Raw Normal View History

2020-05-04 18:55:10 +02:00
// @flow
import * as React from 'react';
import Page from 'component/page';
import Button from 'component/button';
import Card from 'component/common/card';
import CreditCards from './credit-card-logos.png';
2020-05-04 18:55:10 +02:00
export default function CheckoutPage() {
return (
<Page authPage className="main--auth-page">
<Card
title={__('Checkout')}
2020-05-04 19:26:11 +02:00
subtitle={__('Your cart contains 1 item.')}
2020-05-04 18:55:10 +02:00
body={
<div className="card--inline card--section card--highlighted">
<strong>{__('lbry.tv Premium - 1 month')}</strong>
<div>$5 per month</div>
2020-05-04 18:55:10 +02:00
</div>
}
actions={
<div className="section__actions">
<Button button="primary" label={__('Checkout')} />
<div>
2020-05-26 15:44:47 +02:00
<img src={CreditCards} style={{ height: '1.5rem' }} />
</div>
2020-05-26 15:44:47 +02:00
<div className="help">We will refund no questions asked within 30 days.</div>
2020-05-04 18:55:10 +02:00
</div>
}
/>
</Page>
);
}