Disclosure

"use client";import {  Disclosure,  DisclosureHeader,  DisclosurePanel,} from "@/components/vip-ui/disclosure";export function DisclosureDemo() {  return (    <div className="w-full max-w-md">      <Disclosure>        <DisclosureHeader>What is included?</DisclosureHeader>        <DisclosurePanel>          Every plan includes project history and team access. You can change          plans at any time.        </DisclosurePanel>      </Disclosure>    </div>  );}

"use client";import {  Disclosure,  DisclosureHeader,  DisclosurePanel,} from "@/components/vip-ui/disclosure";export function DisclosureExpandedDemo() {  return (    <div className="w-full max-w-md">      <Disclosure defaultExpanded>        <DisclosureHeader>Release notes</DisclosureHeader>        <DisclosurePanel>          Version 2.6 adds shared templates and faster exports.        </DisclosurePanel>      </Disclosure>    </div>  );}

"use client";import {  Disclosure,  DisclosureHeader,  DisclosurePanel,} from "@/components/vip-ui/disclosure";export function DisclosureDisabledDemo() {  return (    <div className="w-full max-w-md">      <Disclosure isDisabled>        <DisclosureHeader>Audit log</DisclosureHeader>        <DisclosurePanel>          The audit log is available on the Enterprise plan.        </DisclosurePanel>      </Disclosure>    </div>  );}