woocommerce/plugins/woocommerce-admin/client/tasks/fills/tax/components/partners.tsx

73 lines
1.5 KiB
TypeScript

/**
* External dependencies
*/
import { __ } from '@wordpress/i18n';
import { Button, Card, CardBody, CardHeader } from '@wordpress/components';
import { Children } from '@wordpress/element';
import classnames from 'classnames';
/**
* Internal dependencies
*/
import { TaxChildProps } from '../utils';
import './partners.scss';
export const Partners: React.FC< TaxChildProps > = ( {
children,
isPending,
onManual,
onDisable,
} ) => {
const classes = classnames(
'woocommerce-task-card',
'woocommerce-tax-partners',
`woocommerce-tax-partners__partners-count-${ Children.count(
children
) }`
);
return (
<Card className={ classes }>
<CardHeader>
{ __( 'Choose a tax partner', 'woocommerce-admin' ) }
</CardHeader>
<CardBody>
<div className="woocommerce-tax-partners__partners">
{ children }
</div>
<ul className="woocommerce-tax-partners__other-actions">
<li>
<Button
isTertiary
disabled={ isPending }
isBusy={ isPending }
onClick={ () => {
onManual();
} }
>
{ __(
'Set up taxes manually',
'woocommerce-admin'
) }
</Button>
</li>
<li>
<Button
isTertiary
disabled={ isPending }
isBusy={ isPending }
onClick={ () => {
onDisable();
} }
>
{ __(
"I don't charge sales tax",
'woocommerce-admin'
) }
</Button>
</li>
</ul>
</CardBody>
</Card>
);
};