36 lines
633 B
JavaScript
36 lines
633 B
JavaScript
|
/**
|
||
|
|
* External dependencies
|
||
|
|
*/
|
||
|
|
import classnames from 'classnames';
|
||
|
|
import { Card, CardBody } from '@wordpress/components';
|
||
|
|
import { Stepper } from '@woocommerce/components';
|
||
|
|
|
||
|
|
export const Placeholder = () => {
|
||
|
|
const classes = classnames(
|
||
|
|
'is-loading',
|
||
|
|
'woocommerce-task-payment-method',
|
||
|
|
'woocommerce-task-card'
|
||
|
|
);
|
||
|
|
|
||
|
|
return (
|
||
|
|
<Card aria-hidden="true" className={ classes }>
|
||
|
|
<CardBody>
|
||
|
|
<Stepper
|
||
|
|
isVertical
|
||
|
|
currentStep={ 'none' }
|
||
|
|
steps={ [
|
||
|
|
{
|
||
|
|
key: 'first',
|
||
|
|
label: '',
|
||
|
|
},
|
||
|
|
{
|
||
|
|
key: 'second',
|
||
|
|
label: '',
|
||
|
|
},
|
||
|
|
] }
|
||
|
|
/>
|
||
|
|
</CardBody>
|
||
|
|
</Card>
|
||
|
|
);
|
||
|
|
};
|