simplify

Author: davidjgoss

package-lock.json

@@ -36,7 +36,6 @@
     "@orama/stemmers": "^2.0.0-beta.7",
     "@teppeis/multimaps": "2.0.0",
     "ansi-to-html": "0.7.2",
-    "classnames": "^2.5.1",
     "color": "4.2.3",
     "date-fns": "2.29.3",
     "hast-util-sanitize": "^5.0.1",

package.json

@@ -1,25 +1,21 @@
-import classnames from 'classnames'
 import React, { FC, PropsWithChildren } from 'react'
 
 import styles from './Header.module.scss'
 
-export const HeaderSection: FC<PropsWithChildren<{ className?: string }>> = ({
-  className,
+export const HeaderSection: FC<PropsWithChildren> = ({
   children,
 }) => {
-  return <div className={classnames(styles.section, className)}>{children}</div>
+  return <div className={styles.section}>{children}</div>
 }
 
-export const HeaderItem: FC<PropsWithChildren<{ className?: string }>> = ({
+export const HeaderItem: FC<PropsWithChildren> = ({
   children,
-  className,
 }) => {
-  return <div className={classnames(styles.item, className)}>{children}</div>
+  return <div className={styles.item}>{children}</div>
 }
 
-export const HeaderSubItem: FC<PropsWithChildren<{ className?: string }>> = ({
+export const HeaderSubItem: FC<PropsWithChildren> = ({
   children,
-  className,
 }) => {
-  return <div className={classnames(styles.subItem, className)}>{children}</div>
+  return <div className={styles.subItem}>{children}</div>
 }