import { StylableComponentProps } from '../theme'

export interface AccordionProps extends StylableComponentProps {
    id: string
    children: any
    firstOpen?: boolean
    fullWidth?: boolean
}

export interface AccordionComponentProps extends AccordionProps {
    expandedKey: string
    accordion: AccordionState
    accordionExpand: (a: string, b: string) => void
    accordionCollapse: (a: string) => void
    accordionDestroy: (a: string) => void
}

export interface AccordionSectionProps extends StylableComponentProps {
    expanded?: boolean
    onToggle?: () => void
    title: string
    children: any
}

export interface AccordionState {
    key: string | null
}