component with makesStyles hook

{
     "Material UI basic base": {  //Short description of the snippet
    "prefix": "mrafce", //Command to trigger
    "body": [ // Code to build using the prefix
        "import React from 'react'",
        "import { useState, useEffect } from 'react'",
        "import { makeStyles } from '@material-ui/core'",
        "",
        "const useStyles = makeStyles((theme) => ({",
        "root: {",
        "$1",
        "},",
        "}));",

        "const $2 = () => {",
            "const classes = useStyles();",

            "return (",
                "<div>",
                    "<p>Hellow dev</p>",
                "</div>",
            ")",
        "}",

        "export default $0",
    ],
        "description": "This is a snippet to build a basic component with makeStyles hook"
    }
}