#/bin/sh
# author: perezpriego
# This shell script creates the basic architecture of a react-component
mkdir -p $1
cd $1
touch style.scss index.jsx

cat > index.jsx <<DELIM
import React from "react";
import styles from "./style";

class $1 extends React.Component {
  render() {
    return (
      <div className={styles.root}>
        $1
      </div>
    );
  }
}

$1.displayName = $1.name;

export default $1;
DELIM

cat > style.scss <<DELIM
@import "../../paint-settings.scss"; //to use alphasights paint utilities
:local(.root) {
  // Your styles here
}
DELIM