base message

package.json

@@ -69,5 +69,8 @@
     "tsdx": "^0.14.1",
     "tslib": "^2.3.1",
     "typescript": "^4.4.4"
+  },
+  "dependencies": {
+    "react-grid-system": "^7.3.1"
   }
 }

scripts/new.sh

@@ -2,8 +2,8 @@
 
 mkdir ./src/$1
 
-echo "" > ./src/$1/index.tsx
-echo "" > ./src/$1/props.tsx
+echo "import React from 'react';import { Props } from './props';export const index: React.FC<Props> = ({}) => {return <div />;};" > ./src/$1/index.tsx
+echo "export interface Props {}" > ./src/$1/props.tsx
 echo "" > ./src/$1/stories.tsx
-echo "" > ./src/$1/styles.tsx
+echo "import { Properties } from 'csstype';export const styles = {example: {} as Properties,};" > ./src/$1/styles.tsx
 echo "" > ./src/$1/.test.tsx

src/Message/.test.tsx

@@ -0,0 +1,11 @@
+import React from 'react';
+import * as ReactDOM from 'react-dom';
+import { Default as Thing } from './stories';
+
+describe('Thing', () => {
+  it('renders without crashing', () => {
+    const div = document.createElement('div');
+    ReactDOM.render(<Thing />, div);
+    ReactDOM.unmountComponentAtNode(div);
+  });
+});