48 lines
1.1 KiB
JavaScript
48 lines
1.1 KiB
JavaScript
|
/**
|
||
|
|
* External dependencies
|
||
|
|
*/
|
||
|
|
import { Text } from '@woocommerce/experimental';
|
||
|
|
import interpolateComponents from '@automattic/interpolate-components';
|
||
|
|
import { __, sprintf } from '@wordpress/i18n';
|
||
|
|
import { Link } from '@woocommerce/components';
|
||
|
|
|
||
|
|
export const TermsOfService = ( { buttonText } ) => (
|
||
|
|
<Text
|
||
|
|
variant="caption"
|
||
|
|
className="woocommerce-task__caption is-tos"
|
||
|
|
size="12"
|
||
|
|
lineHeight="16px"
|
||
|
|
style={ { display: 'block' } }
|
||
|
|
>
|
||
|
|
{ interpolateComponents( {
|
||
|
|
mixedString: sprintf(
|
||
|
|
__(
|
||
|
|
'By clicking "%s," you agree to our {{tosLink}}Terms of Service{{/tosLink}} and have read our {{privacyPolicyLink}}Privacy Policy{{/privacyPolicyLink}}.',
|
||
|
|
'woocommerce'
|
||
|
|
),
|
||
|
|
buttonText
|
||
|
|
),
|
||
|
|
components: {
|
||
|
|
tosLink: (
|
||
|
|
<Link
|
||
|
|
href={ 'https://wordpress.com/tos/' }
|
||
|
|
target="_blank"
|
||
|
|
type="external"
|
||
|
|
>
|
||
|
|
<></>
|
||
|
|
</Link>
|
||
|
|
),
|
||
|
|
privacyPolicyLink: (
|
||
|
|
<Link
|
||
|
|
href={ 'https://automattic.com/privacy/' }
|
||
|
|
target="_blank"
|
||
|
|
type="external"
|
||
|
|
>
|
||
|
|
<></>
|
||
|
|
</Link>
|
||
|
|
),
|
||
|
|
},
|
||
|
|
} ) }
|
||
|
|
</Text>
|
||
|
|
);
|