From aef52169e3f0f9bde0e5f2dd21cbb316eaa34136 Mon Sep 17 00:00:00 2001
From: MikunoNaka <bokuwakanojogahoshii@yahoo.com>
Date: Sat, 27 Mar 2021 21:24:54 +0530
Subject: laid out some very basic components, the tile component still needs
 to be worked upon

---
 src/components/Tile/Tile.js   | 20 ++++++++++++++++++++
 src/components/Tile/Tile.scss | 17 +++++++++++++++++
 2 files changed, 37 insertions(+)
 create mode 100644 src/components/Tile/Tile.js
 create mode 100644 src/components/Tile/Tile.scss

(limited to 'src/components/Tile')

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;
+}
-- 
cgit v1.2.3