From b9efdef024c18c885309033049054ca4c6817270 Mon Sep 17 00:00:00 2001
From: Sergey Elpashev <elpashevs@bk.ru>
Date: Mon, 7 Apr 2025 13:02:50 +0300
Subject: [PATCH] feat: task component

---
 src/components/task.module.scss |  5 +++++
 src/components/task.tsx         | 12 ++++++++++++
 2 files changed, 17 insertions(+)
 create mode 100644 src/components/task.module.scss
 create mode 100644 src/components/task.tsx

diff --git a/src/components/task.module.scss b/src/components/task.module.scss
new file mode 100644
index 0000000..3360d89
--- /dev/null
+++ b/src/components/task.module.scss
@@ -0,0 +1,5 @@
+@reference "../index.scss";
+
+.task {
+  @apply flex h-24 w-[300px] flex-col items-center justify-center rounded-md border-2 text-xl md:w-[500px];
+}
diff --git a/src/components/task.tsx b/src/components/task.tsx
new file mode 100644
index 0000000..5db053b
--- /dev/null
+++ b/src/components/task.tsx
@@ -0,0 +1,12 @@
+import { FunctionComponent } from "preact";
+import classes from "./task.module.scss";
+
+interface TaskProps {
+  name: string;
+}
+
+const Task: FunctionComponent<TaskProps> = ({ name }: TaskProps) => {
+  return <div class={classes.task}>{name}</div>;
+};
+
+export default Task;