SearchPanel 작업 진행 중 - chw

com.twin.app.shoptime/src/components/TInput/TInput.jsx

@@ -0,0 +1,37 @@
+import classNames from "classnames";
+import React from "react";
+import css from "./TInput.module.less";
+import { InputField } from "@enact/sandstone/Input";
+import { $L } from "../../utils/helperMethods";
+
+const KINDS = { withIcon: "withIcon" };
+const ICONS = { search: "search" };
+const BORDER = { none: "none" };
+const COLOR = { transparent: "transparent" };
+
+export default function TInput({
+  kind = "",
+  icon = null,
+  border = null,
+  color = null,
+  className = null,
+  spotlightDisabled,
+  ...rest
+}) {
+  return (
+    <InputField
+      {...rest}
+      className={classNames(
+        css.input,
+        icon && css[icon],
+        css[kind],
+        css[border],
+        css[color],
+        className
+      )}
+      spotlightDisabled={spotlightDisabled}
+    />
+  );
+}
+
+export { KINDS, ICONS, BORDER, COLOR };