list changes

src/App/Views/Universal/ListHeader.tsx

@@ -1,13 +0,0 @@
-import * as React from "react"
-
-interface Props { }
-
-export const ListHeader: React.FC<Props> = props => {
-  const { children } = props
-
-  return (
-    <div className="list-header">
-      {children}
-    </div>
-  )
-}

src/App/Views/Universal/ListHeaderTag.tsx

@@ -1,34 +0,0 @@
-import * as React from "react"
-import { List } from "../../../Data/List"
-import { Just, Maybe } from "../../../Data/Maybe"
-import { classListMaybe } from "../../Utilities/CSS"
-import { TooltipHint } from "./TooltipHint"
-
-interface Props {
-  children?: React.ReactNode
-  className: string
-  hint?: string
-}
-
-export const ListHeaderTag: React.FC<Props> = props => {
-  const { children, className, hint } = props
-
-  if (typeof hint === "string") {
-    return (
-      <TooltipHint
-        hint={hint}
-        target={
-          <div className={classListMaybe (List (Just ("has-hint"), Maybe (className)))}>
-            {children}
-          </div>
-        }
-        />
-    )
-  }
-
-  return (
-    <div className={className}>
-      {children}
-    </div>
-  )
-}

src/shared/components/list/ListHeader.tsx

@@ -0,0 +1,12 @@
+import { FCC } from "../../utils/react.ts"
+import "./ListHeader.scss"
+
+export const ListHeader: FCC = props => {
+  const { children } = props
+
+  return (
+    <div className="list-header">
+      {children}
+    </div>
+  )
+}

src/shared/components/list/ListHeaderTag.tsx

@@ -0,0 +1,31 @@
+
+import { classList } from "../../utils/classList.ts"
+import { FCC } from "../../utils/react.ts"
+
+interface Props {
+  className: string
+  hint?: string
+}
+
+export const ListHeaderTag: FCC<Props> = props => {
+  const { children, className, hint } = props
+
+  if (typeof hint === "string") {
+    return (
+      <TooltipHint
+        hint={hint}
+        target={
+          <div className={classList("has-hint", className)}>
+            {children}
+          </div>
+        }
+        />
+    )
+  }
+
+  return (
+    <div className={className}>
+      {children}
+    </div>
+  )
+}