From 92cd4d0daca147ceee7e7d41ee3f68bb9e463d93 Mon Sep 17 00:00:00 2001
From: "hyunwoo93.cha" <hyunwoo93.cha@lgepartners.com>
Date: Thu, 25 Jan 2024 06:46:52 +0900
Subject: [PATCH] =?UTF-8?q?THeader=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/components/THeader/THeader.jsx         | 18 ++++++++++++++++++
 .../src/components/THeader/THeader.module.less | 18 ++++++++++++++++++
 .../src/components/THeader/package.json        |  6 ++++++
 3 files changed, 42 insertions(+)
 create mode 100644 com.twin.app.shoptime/src/components/THeader/THeader.jsx
 create mode 100644 com.twin.app.shoptime/src/components/THeader/THeader.module.less
 create mode 100644 com.twin.app.shoptime/src/components/THeader/package.json

diff --git a/com.twin.app.shoptime/src/components/THeader/THeader.jsx b/com.twin.app.shoptime/src/components/THeader/THeader.jsx
new file mode 100644
index 00000000..a2a4695e
--- /dev/null
+++ b/com.twin.app.shoptime/src/components/THeader/THeader.jsx
@@ -0,0 +1,18 @@
+import React from "react";
+
+import css from "./THeader.module.less";
+import classNames from "classnames";
+import SpotlightContainerDecorator from "@enact/spotlight/SpotlightContainerDecorator";
+
+const Container = SpotlightContainerDecorator(
+  { enterTo: "last-focused" },
+  "div"
+);
+
+export default function THeader({ title, className }) {
+  return (
+    <Container className={classNames(css.tHeader, className)}>
+      <div className={css.title}>{title}</div>
+    </Container>
+  );
+}
diff --git a/com.twin.app.shoptime/src/components/THeader/THeader.module.less b/com.twin.app.shoptime/src/components/THeader/THeader.module.less
new file mode 100644
index 00000000..b2d89827
--- /dev/null
+++ b/com.twin.app.shoptime/src/components/THeader/THeader.module.less
@@ -0,0 +1,18 @@
+@import "../../style/CommonStyle.module.less";
+@import "../../style/utils.module.less";
+
+.tHeader {
+  width: 100%;
+  height: 90px;
+  color: #222;
+  font-family: @baseFontBold;
+  background-color: #fff;
+  display: flex;
+  justify-content: flex-start;
+  align-items: center;
+
+  .title {
+    font-size: 42px;
+    margin-left: 61px;
+  }
+}
diff --git a/com.twin.app.shoptime/src/components/THeader/package.json b/com.twin.app.shoptime/src/components/THeader/package.json
new file mode 100644
index 00000000..21a53e4c
--- /dev/null
+++ b/com.twin.app.shoptime/src/components/THeader/package.json
@@ -0,0 +1,6 @@
+{
+  "main": "THeader.jsx",
+  "styles": [
+    "THeader.module.less"
+  ]
+}
\ No newline at end of file