import type { JSX, ReactNode } from 'react';
import { Icon, type IconName } from '../../shared/ui/Icon';

type BoxHeadProps = {
	icon: IconName;
	title: string;
	children: ReactNode;
};

export function BoxHead( {
	icon,
	title,
	children,
}: BoxHeadProps ): JSX.Element {
	return (
		<div className="stat-head">
			<h2>
				<Icon name={ icon } />
				{ title }
			</h2>
			{ children }
		</div>
	);
}