laid out some very basic components, the tile component still needs to be worked upon

2 files changed, 37 insertions, 0 deletions

diff --git a/src/components/Tile/Tile.js b/src/components/Tile/Tile.js
new file mode 100644
index 0000000..6fa7f2c
--- /dev/null
+++ b/src/components/Tile/Tile.js
@@ -0,0 +1,20 @@
+import React from "react";
+// import React, { useState } from "react";
+import "./Tile.css";
+
+const Tile = (props) => {
+	// const [,] = useState()
+	
+	const style = {
+		height: props.height;
+		width: props.width;
+		backgroundColor: props.colorBG
+		// textColor: props.colorFG
+	}
+
+	return (
+		<div className={"tile"} style={style}></div>
+	)
+}
+
+export default Tile
diff --git a/src/components/Tile/Tile.scss b/src/components/Tile/Tile.scss
new file mode 100644
index 0000000..54a5ad7
--- /dev/null
+++ b/src/components/Tile/Tile.scss
@@ -0,0 +1,17 @@
+@import "../../../styles/theme";
+@import "../../../styles/view";
+
+.view {
+	display: flex;
+	flex-direction: row;
+	flex-wrap: wrap;
+	justify-content: center;;
+}
+
+.tile {
+	width: 5rem;
+	height: 5rem;
+
+	border: 1px dashed $defFG;
+	margin: 1rem;
+}