VSC Snippet for Typescript/Material UI components

MUI_TS_snippet.json

{
	"MUI Component": {
		"prefix": "muicomp",
		"description": "Material UI component template",
		"body": [
			"import { VFC } from \"react\";",
			"import { makeStyles } from \"@material-ui/core\";",
			"import { ClassNameMap } from \"@material-ui/core/styles/withStyles\";",
			"import clsx from \"clsx\";",
			"",
			"",
			"const useStyles = makeStyles(theme => ({",
			"  root: {},",
			"}), {",
			"  classNamePrefix: \"$1\",",
			"});",
			"",
			"export type $1JSSClassKey = keyof ReturnType<typeof useStyles>;",
			"",
			"export type $1Props = {",
			"  classes?: Partial<ClassNameMap<$1JSSClassKey>>;",
			"  className?: string;",
			"};",
			"",
			"export const ${1:name}: VFC<$1Props> = ({",
			"  className,",
			"  classes: extClasses,",
			"}) => {",
			"  const classes = useStyles({",
			"    classes: extClasses,",
			"  });",
			"",
			"  return <div className={clsx(classes.root, className)} />;",
			"};",
			""
		]
	}
}