Add base layout.

.editorconfig

@@ -3,7 +3,7 @@ root = true
 [*]
 charset = utf-8
 indent_style = space
-indent_size = 2
+indent_size = 4
 end_of_line = lf
 insert_final_newline = true
 trim_trailing_whitespace = true

example/.eslintcache

@@ -0,0 +1 @@
+[{"/Users/yildirayunlu/Project/readmin/example/src/index.tsx":"1","/Users/yildirayunlu/Project/readmin/example/src/App.tsx":"2"},{"size":146,"mtime":1611239310225,"results":"3","hashOfConfig":"4"},{"size":202,"mtime":1611240402974,"results":"5","hashOfConfig":"4"},{"filePath":"6","messages":"7","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},"1ia97cd",{"filePath":"8","messages":"9","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},"/Users/yildirayunlu/Project/readmin/example/src/index.tsx",[],"/Users/yildirayunlu/Project/readmin/example/src/App.tsx",[]]

example/src/App.test.tsx

@@ -1,9 +1,9 @@
-import React from 'react'
-import ReactDOM from 'react-dom'
-import App from './App'
+import React from "react";
+import ReactDOM from "react-dom";
+import App from "./App";
 
-it('renders without crashing', () => {
-  const div = document.createElement('div')
-  ReactDOM.render(<App />, div)
-  ReactDOM.unmountComponentAtNode(div)
-})
+it("renders without crashing", () => {
+    const div = document.createElement("div");
+    ReactDOM.render(<App />, div);
+    ReactDOM.unmountComponentAtNode(div);
+});

example/src/App.tsx

@@ -1,10 +1,13 @@
-import React from 'react'
+import React from "react";
 
-import { ExampleComponent } from 'readmin'
-import 'readmin/dist/index.css'
+import { Admin } from "readmin";
 
-const App = () => {
-  return <ExampleComponent text="Create React Library Example 😄" />
-}
+const App: React.FC = () => {
+    return (
+        <Admin>
+            <span>Content</span>
+        </Admin>
+    );
+};
 
-export default App
+export default App;

example/src/index.tsx

@@ -1,7 +1,5 @@
-import './index.css'
+import React from "react";
+import ReactDOM from "react-dom";
+import App from "./App";
 
-import React from 'react'
-import ReactDOM from 'react-dom'
-import App from './App'
-
-ReactDOM.render(<App />, document.getElementById('root'))
+ReactDOM.render(<App />, document.getElementById("root"));

example/tsconfig.json

@@ -2,7 +2,10 @@
   "compilerOptions": {
     "outDir": "dist",
     "module": "esnext",
-    "lib": ["dom", "esnext"],
+    "lib": [
+      "dom",
+      "esnext"
+    ],
     "moduleResolution": "node",
     "jsx": "react",
     "sourceMap": true,
@@ -15,8 +18,22 @@
     "suppressImplicitAnyIndexErrors": true,
     "noUnusedLocals": true,
     "noUnusedParameters": true,
-    "allowSyntheticDefaultImports": true
+    "allowSyntheticDefaultImports": true,
+    "target": "es5",
+    "allowJs": true,
+    "skipLibCheck": true,
+    "strict": true,
+    "forceConsistentCasingInFileNames": true,
+    "noFallthroughCasesInSwitch": true,
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "noEmit": true
   },
-  "include": ["src"],
-  "exclude": ["node_modules", "build"]
+  "include": [
+    "src"
+  ],
+  "exclude": [
+    "node_modules",
+    "build"
+  ]
 }