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

---
 .../src/components/TBody/TBody.jsx            | 27 +++++++++++++++++++
 .../src/components/TBody/TBody.module.less    |  0
 .../src/components/TBody/package.json         |  6 +++++
 .../src/utils/SpotlightIds.js                 |  3 +++
 4 files changed, 36 insertions(+)
 create mode 100644 com.twin.app.shoptime/src/components/TBody/TBody.jsx
 create mode 100644 com.twin.app.shoptime/src/components/TBody/TBody.module.less
 create mode 100644 com.twin.app.shoptime/src/components/TBody/package.json
 create mode 100644 com.twin.app.shoptime/src/utils/SpotlightIds.js

diff --git a/com.twin.app.shoptime/src/components/TBody/TBody.jsx b/com.twin.app.shoptime/src/components/TBody/TBody.jsx
new file mode 100644
index 00000000..c86a32c1
--- /dev/null
+++ b/com.twin.app.shoptime/src/components/TBody/TBody.jsx
@@ -0,0 +1,27 @@
+import classNames from "classnames";
+import React from "react";
+import SpotlightContainerDecorator from "@enact/spotlight/SpotlightContainerDecorator";
+import css from "./TBody.module.less";
+import { SpotlightIds } from "../../utils/SpotlightIds";
+
+const Container = SpotlightContainerDecorator(
+  { enterTo: "last-focused", preserveId: true },
+  "div"
+);
+
+export default function TBody({
+  children,
+  className,
+  spotlightId = SpotlightIds.TBODY,
+  ...rest
+}) {
+  return (
+    <Container
+      spotlightId={spotlightId}
+      {...rest}
+      className={classNames(css.tBody, className)}
+    >
+      {children}
+    </Container>
+  );
+}
diff --git a/com.twin.app.shoptime/src/components/TBody/TBody.module.less b/com.twin.app.shoptime/src/components/TBody/TBody.module.less
new file mode 100644
index 00000000..e69de29b
diff --git a/com.twin.app.shoptime/src/components/TBody/package.json b/com.twin.app.shoptime/src/components/TBody/package.json
new file mode 100644
index 00000000..e44932b5
--- /dev/null
+++ b/com.twin.app.shoptime/src/components/TBody/package.json
@@ -0,0 +1,6 @@
+{
+  "main": "TBody.jsx",
+  "styles": [
+    "TBody.module.less"
+  ]
+}
\ No newline at end of file
diff --git a/com.twin.app.shoptime/src/utils/SpotlightIds.js b/com.twin.app.shoptime/src/utils/SpotlightIds.js
new file mode 100644
index 00000000..a7e0c767
--- /dev/null
+++ b/com.twin.app.shoptime/src/utils/SpotlightIds.js
@@ -0,0 +1,3 @@
+export const SpotlightIds = {
+  TBODY: "tbody",
+};