Merge pull request #176 from abusix/gua-230-implement-lookup-changes

feat(Disclosure): Use headless ui disclosure panel props on Disclosur…
abusix · Feb 19, 2025 · 9cd73e9 · 9cd73e9
2 parents c5cbfb8 + 66d4121
commit 9cd73e9
Showing 1 changed file with 4 additions and 6 deletions.
diff --git a/src/components/disclosure/disclosure.tsx b/src/components/disclosure/disclosure.tsx
@@ -1,17 +1,15 @@
 import {
+    DisclosurePanelProps,
     Disclosure as HeadlessUiDisclosure,
     DisclosureButton as HeadlessUiDisclosureButton,
+    DisclosurePanel as HeadlessUiDisclosurePanel,
 } from "@headlessui/react";
 import React from "react";
 import { ChevronDownIcon } from "../../icons";
 import { classNames } from "../../util/class-names";
 
-interface DisclosurePanelProps extends React.ComponentPropsWithoutRef<"div"> {
-    children: React.ReactNode;
-}
-
-const DisclosurePanel = ({ children, ...props }: DisclosurePanelProps) => {
-    return <HeadlessUiDisclosure.Panel {...props}>{children}</HeadlessUiDisclosure.Panel>;
+const DisclosurePanel = ({ children, ...props }: Omit<DisclosurePanelProps, "ref">) => {
+    return <HeadlessUiDisclosurePanel {...props}>{children}</HeadlessUiDisclosurePanel>;
 };
 
 interface DisclosureButtonProps extends React.ComponentPropsWithoutRef<"button"> {