Disclosure

import {ReactNode} from "react"

import {
  DisclosureActions,
  DisclosureBody,
  DisclosureDescription,
  DisclosureHeader,
  DisclosureLabel,
  DisclosureRoot,
  Icon,
} from "@qui/react-vscode"

export default function Showcase(): ReactNode {
  return (
    <DisclosureRoot className="w-full max-w-[300px]">
      <DisclosureHeader>
        <DisclosureLabel>
          Label
          <DisclosureDescription>Description</DisclosureDescription>
        </DisclosureLabel>

        <DisclosureActions>
          <Icon as="button" icon="new-file" />
        </DisclosureActions>
      </DisclosureHeader>
      <DisclosureBody>
        Suspendisse potenti. Maecenas eu egestas metus. Nulla eget placerat mi,
        et efficitur augue.
      </DisclosureBody>
    </DisclosureRoot>
  )
}