30 lines
677 B
TypeScript
30 lines
677 B
TypeScript
/**
|
|
* External dependencies
|
|
*/
|
|
import { useSlot } from '@woocommerce/experimental';
|
|
|
|
/**
|
|
* Internal dependencies
|
|
*/
|
|
import {
|
|
WC_TASKLIST_EXPERIMENTAL_PROGRESS_TITLE_SLOT_NAME,
|
|
WooTaskListProgressTitleItem,
|
|
} from './utils';
|
|
|
|
import {
|
|
DefaultProgressTitle,
|
|
DefaultProgressTitleProps,
|
|
} from './default-progress-title';
|
|
|
|
export const ProgressTitle: React.FC< DefaultProgressTitleProps > = ( {
|
|
taskListId,
|
|
} ) => {
|
|
const slot = useSlot( WC_TASKLIST_EXPERIMENTAL_PROGRESS_TITLE_SLOT_NAME );
|
|
|
|
return Boolean( slot?.fills?.length ) ? (
|
|
<WooTaskListProgressTitleItem.Slot fillProps={ { taskListId } } />
|
|
) : (
|
|
<DefaultProgressTitle taskListId={ taskListId } />
|
|
);
|
|
};
|