Ultisnip javascript snippets

javascript.snippets

snippet c "A simple react component" b
import React from 'react';

import { withStyles } from '@material-ui/core/styles';

import { $2 } from '@material-ui/core';

const styles = theme => ({
                root: {
                                padding: theme.spacing(1)
                }
})

const $1 = withStyles(styles)(({classes}) => (
                <$2 className={classes.root}>

                </$2>
))

export default $1;
endsnippet

snippet s "A simple storybook story" b
import React from "react";
import {withKnobs} from "@storybook/addon-knobs";

import { $1 } from "../../../components";

export default {
  title: "$2",
  decorators: [withKnobs],
  component: $1,
};

export const Standard = () => (
  <$1 />
);
endsnippet