/** * External dependencies */ import { __ } from '@wordpress/i18n'; import { TourKit } from '@woocommerce/components'; import { createInterpolateElement } from '@wordpress/element'; /** * Internal dependencies */ import './style.scss'; export const SiteVisibilityTour = ( { onClose }: { onClose: () => void } ) => { return ( { return [ 52, 16 ]; }, }, }, ], classNames: 'woocommerce-lys-homescreen-status-tour-kit', }, steps: [ { referenceElements: { desktop: '.woocommerce-lys-status-pill', }, meta: { name: 'set-your-store-visibility', heading: __( "Set your store's visibility", 'woocommerce' ), descriptions: { desktop: createInterpolateElement( __( 'Launch your store only when you\'re ready to by switching between "Coming soon" and "Live" modes. Build excitement by creating a custom page visitors will see before you\'re ready to go live. Discover more', 'woocommerce' ), { link: ( // eslint-disable-next-line jsx-a11y/anchor-has-content ), } ), }, }, }, ], closeHandler: onClose, } } > ); };