added build folder in gitignore

.gitignore

@@ -105,3 +105,4 @@ dist
 
 ./vs
 .vs/slnx.sqlite
+/build

package.json

@@ -2,11 +2,17 @@
   "name": "react-email",
   "version": "1.0.0",
   "description": "react-email",
-  "main": "index.js",
+  "main": "build/index.js",
+  "module": "build/index.es.js",
+  "files": [
+    "build"
+  ],
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
     "rollup": "rollup",
-    "build": "tsc && rollup -c rollup.config.js"
+    "build": "tsc && rollup -c rollup.config.js",
+    "storybook": "start-storybook -p 6006",
+    "storybook:export": "build-storybook"
   },
   "repository": {
     "type": "git",
@@ -20,11 +26,25 @@
   },
   "homepage": "https://github.com/Janvi-Thakkar/react-email#readme",
   "devDependencies": {
+    "@babel/core": "^7.17.2",
     "@open-wc/building-rollup": "^2.0.1",
+    "@rollup/plugin-commonjs": "^21.0.1",
+    "@rollup/plugin-node-resolve": "^13.1.3",
+    "@storybook/react": "^6.4.18",
     "@types/react": "^17.0.39",
+    "babel-loader": "^8.2.3",
+    "babel-preset-react-app": "^10.0.1",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
-    "rollup": "^2.67.0",
+    "rollup": "^2.67.2",
+    "rollup-plugin-peer-deps-external": "^2.2.4",
+    "rollup-plugin-postcss": "^4.0.2",
+    "rollup-plugin-typescript2": "^0.31.2",
+    "sass": "^1.49.7",
+    "sass-loader": "^10.2.1",
     "typescript": "^4.5.5"
+  },
+  "dependencies": {
+    "postcss": "^8.4.6"
   }
 }

src/TestComponent/TestComponent.scss

@@ -0,0 +1,16 @@
+.test-component {
+    background-color: white;
+    border: 1px solid black;
+    padding: 16px;
+    width: 360px;
+    text-align: center;
+
+    .heading {
+        font-size: 64px;
+    }
+
+    &.test-component-secondary {
+        background-color: black;
+        color: white;
+    }
+}

src/index.ts

@@ -0,0 +1,3 @@
+import TestComponent from "./TestComponent/TestComponent";
+
+export { TestComponent };