woocommerce/plugins/woocommerce-admin/client/layout/footer/footer.tsx

25 lines
482 B
TypeScript

/**
* External dependencies
*/
import { useSlot } from '@woocommerce/experimental';
/**
* Internal dependencies
*/
import './footer.scss';
import { WC_FOOTER_SLOT_NAME, WooFooterItem } from './utils';
export const Footer: React.FC = () => {
const slot = useSlot( WC_FOOTER_SLOT_NAME );
const hasFills = Boolean( slot?.fills?.length );
if ( ! hasFills ) {
return null;
}
return (
<div className="woocommerce-layout__footer">
<WooFooterItem.Slot />
</div>
);
};