adminFront/src/pages/dashboard/Content/Tariffs/CustomHeader.tsx

import { Typography, useTheme } from "@mui/material";
import { ReactNode } from "react";

interface Props {
	children: ReactNode;
}

export default function CustomHeader({ children }: Props) {
	const theme = useTheme();

	return (
		<Typography
			variant="subtitle1"
			sx={{
				width: "90%",
				height: "60px",
				display: "flex",
				flexDirection: "column",
				justifyContent: "center",
				alignItems: "center",
				color: theme.palette.secondary.main,
			}}
		>
			{children}
		</Typography>
	);
}