import { twMerge } from "../../utils/tailwindMerge";

/**
 * For material icons
 */
export const MIcon = ({
	name,
	classNames,
}: { name: string; classNames?: string }) => {
	const style = twMerge("material-symbols-rounded bn-text-2xl", classNames);
	return <span className={style}>{name}</span>;
};
