import * as React from 'react';
import { ReactElement } from 'react';
import { Accordion as Accordion$1 } from '@base-ui/react/accordion';

/**
 * Accordion — WealthX DS overrides (shadcn base)
 *
 * Changes from shadcn default:
 *   - AccordionItem:    removed `last:border-b-0` — consistent separator on every item
 *   - AccordionTrigger: `rounded-md` → `rounded-none` — WealthX sharp corners
 *   - AccordionTrigger: `items-start` → `items-center` — single-line trigger alignment
 *   - AccordionTrigger: `transition-all` → `transition-[color,opacity]` — scoped animation
 *   - AccordionTrigger: focus ring uses `foreground/30` instead of `ring/50` — no brand color
 *   - AccordionContent: inner wrapper uses `pb-4 text-muted-foreground`
 */

type AccordionProps<Value = string> = Accordion$1.Root.Props<Value>;
declare function Accordion<Value = string>(props: AccordionProps<Value>): ReactElement;
type AccordionItemProps = React.ComponentProps<typeof Accordion$1.Item>;
declare function AccordionItem({ className, ...props }: AccordionItemProps): ReactElement;
type AccordionTriggerProps = React.ComponentProps<typeof Accordion$1.Trigger>;
declare function AccordionTrigger({ className, children, ...props }: AccordionTriggerProps): ReactElement;
type AccordionContentProps = React.ComponentProps<typeof Accordion$1.Panel>;
declare function AccordionContent({ className, children, ...props }: AccordionContentProps): ReactElement;

export { Accordion, AccordionContent, type AccordionContentProps, AccordionItem, type AccordionItemProps, type AccordionProps, AccordionTrigger, type AccordionTriggerProps };