// @flow import * as React from 'react'; import {styled, useStyletron} from '../../styles'; import { Box, Button, Checkbox, ParagraphXSmall, StateCard, Link, } from '../../components'; import {useTranslations} from 'fusion-plugin-i18n-react'; import {StoreContext} from '../../store' const DashboardCmp = styled('div', () => { return { display: 'flex', justifyContent: 'center', alignItems: 'center', minHeight: '100vh', }; }); export const DashboardContent = () => { const translate = useTranslations(); const [, $theme] = useStyletron(); const [checked, setChecked] = React.useState(false); const {state, dispatch} = React.useContext(StoreContext) const handlePurchase = () => { console.log('Handle Tenant creation & plan purchase') console.log(state) // this is comming from the StoreContextProvider (includes tenant, plan & rest form info) } return (
You’ll be charged $300 yearly until you{' '} cancel {' '} your plan. Charges{' '} won’t be refunded {' '} when you cancel,{' '} unless it’s leagally required . Your payment data is encrypted and secure. All amounts shown are in USD.
setChecked(e.target.checked)} > I agree to{' '} Dimension Four terms {' '} and the Automatic Renewal Terms above
); };