import * as React from 'react' ; import { useDrilldownManager } from '../context' ; export const DrilldownManagerFooter = ( { children } ) => { const drilldowns = useDrilldownManager ( ) ; React . useEffect ( ( ) => { drilldowns . setFooter ( children ) ; return ( ) => { drilldowns . setFooter ( null ) ; } ; } ) ; return null ; } ; export const RenderDrilldownManagerFooter = ( ) => { const drilldowns = useDrilldownManager ( ) ; const footer = drilldowns . useFooter ( ) ; return < > { footer } < />; } ;