From 66e61fc8be568679fc930e4f30c802facaa2c086 Mon Sep 17 00:00:00 2001
From: Alex Holliday <ajhollid@gmail.com>
Date: Mon, 27 Jan 2025 13:16:26 -0800
Subject: [PATCH] Add Dot component

---
 Client/src/Components/Dot/index.jsx | 23 +++++++++++++++++++++++
 1 file changed, 23 insertions(+)
 create mode 100644 Client/src/Components/Dot/index.jsx

diff --git a/Client/src/Components/Dot/index.jsx b/Client/src/Components/Dot/index.jsx
new file mode 100644
index 000000000..0fd51730f
--- /dev/null
+++ b/Client/src/Components/Dot/index.jsx
@@ -0,0 +1,23 @@
+import PropTypes from "prop-types";
+
+const Dot = ({ color = "gray", size = "4px" }) => {
+	return (
+		<span
+			style={{
+				content: '""',
+				width: size,
+				height: size,
+				borderRadius: "50%",
+				backgroundColor: color,
+				opacity: 0.8,
+			}}
+		/>
+	);
+};
+
+Dot.propTypes = {
+	color: PropTypes.string,
+	size: PropTypes.string,
+};
+
+export default Dot;