chore(table-of-contents): remove className props

Author: TylerAPfledderer

src/components/TableOfContents/TableOfContentsMobile.tsx

@@ -16,14 +16,9 @@ import { Item, outerListProps } from "./utils"
 export interface IPropsTableOfContentsMobile {
   items?: Array<Item>
   maxDepth?: number
-  className?: string
 }
 
-const Mobile: React.FC<IPropsTableOfContentsMobile> = ({
-  items,
-  maxDepth,
-  className,
-}) => {
+const Mobile: React.FC<IPropsTableOfContentsMobile> = ({ items, maxDepth }) => {
   const { getButtonProps, getDisclosureProps, isOpen } = useDisclosure({
     defaultIsOpen: false,
   })
@@ -40,7 +35,6 @@ const Mobile: React.FC<IPropsTableOfContentsMobile> = ({
       borderRadius="4px"
       py={2}
       px={4}
-      className={className}
     >
       <Flex
         color="text200"

src/components/TableOfContents/index.tsx

@@ -29,7 +29,6 @@ export { Item }
 export interface IProps extends BoxProps {
   items: Array<Item>
   maxDepth?: number
-  className?: string
   slug?: string
   editPath?: string
   hideEditButton?: boolean
@@ -39,7 +38,6 @@ export interface IProps extends BoxProps {
 const TableOfContents: React.FC<IProps> = ({
   items,
   maxDepth = 1,
-  className,
   slug,
   editPath,
   hideEditButton = false,
@@ -77,7 +75,7 @@ const TableOfContents: React.FC<IProps> = ({
     return null
   }
   if (isMobile) {
-    return <Mobile items={items} maxDepth={maxDepth} className={className} />
+    return <Mobile items={items} maxDepth={maxDepth} />
   }
 
   const shouldShowZenModeToggle = slug?.includes("/docs/")