import { InputLabel } from "@mui/material";
import React from "react";

// const useStyles = makeStyles(() => ({
// 	labelRoot: {
// 		marginBottom: 8,
// 		color: "#1D1D1D",
// 	},
// 	labelAstrix: {
// 		color: "#FE0053",
// 	},
// }));
const BuzzLabel = ({ id = Math.random(), required = false, label = "" }) => {
	// const styles = useStyles();
	if (label)
		return (
			<InputLabel
				required={required}
				htmlFor={id}
				classes={{
					root: {
						marginBottom: 8,
						color: "#1D1D1D",
					},
					asterisk: { color: "#FE0053" },
				}}
			>
				{label}
			</InputLabel>
		);

	return null;
};

export default BuzzLabel;
