From 3dd776f11985aeafb0e6a3f9645adbfef3f349e2 Mon Sep 17 00:00:00 2001
From: Norbert Maciaszek <norbert@ambiscale.com>
Date: Tue, 5 Aug 2025 19:50:35 +0200
Subject: [PATCH] Add ReadMore component for expandable text display

---
 src/components/atoms/ReadMore/index.tsx | 21 +++++++++++++++++++++
 1 file changed, 21 insertions(+)
 create mode 100644 src/components/atoms/ReadMore/index.tsx

diff --git a/src/components/atoms/ReadMore/index.tsx b/src/components/atoms/ReadMore/index.tsx
new file mode 100644
index 0000000..6d7d75d
--- /dev/null
+++ b/src/components/atoms/ReadMore/index.tsx
@@ -0,0 +1,21 @@
+"use client";
+import { FC, useState } from "react";
+
+type Props = {
+  text: string;
+};
+
+export const ReadMore: FC<Props> = ({ text }) => {
+  const [isOpen, setIsOpen] = useState(false);
+
+  return (
+    <p
+      className={`${
+        isOpen ? "line-clamp-none" : "line-clamp-2"
+      } hover:text-accent`}
+      onClick={() => setIsOpen(!isOpen)}
+    >
+      {text}
+    </p>
+  );
+};