/**
 * External dependencies
 */
import clsx from 'clsx';
import { Children } from '@wordpress/element';
import type { ReactNode } from 'react';

/**
 * Internal dependencies
 */
import './style.scss';

export interface TotalsWrapperProps {
	children: ReactNode;
	/* If this TotalsWrapper is being used to wrap a Slot */
	slotWrapper?: boolean;
	className?: string;
}

const TotalsWrapper = ( {
	children,
	slotWrapper = false,
	className,
}: TotalsWrapperProps ): JSX.Element | null => {
	return Children.count( children ) ? (
		<div
			className={ clsx( className, 'wc-block-components-totals-wrapper', {
				'slot-wrapper': slotWrapper,
			} ) }
		>
			{ children }
		</div>
	) : null;
};

export default TotalsWrapper;