import React from 'react'; import type { View } from 'react-native'; import type { SharedProps } from '@coinbase/cds-common/types/SharedProps'; import type { CollapsibleBaseProps } from '../collapsible/Collapsible'; export type AccordionMediaBaseProps = { media?: React.ReactNode; }; export type AccordionTitleBaseProps = { /** * Title of the accordion item */ title: string; /** * Subtitle of the accordion item */ subtitle?: string; }; export type AccordionIconBaseProps = Pick; export type AccordionHeaderBaseProps = SharedProps & AccordionMediaBaseProps & AccordionTitleBaseProps & AccordionIconBaseProps & { /** * Callback function fired when the accordion item is pressed */ onPress?: (key: string) => void; /** * Key of the accordion item. * This should be unique inside the same Accordion * unless you want multiple items to be controlled at the same time. */ itemKey: string; }; export type AccordionMediaProps = AccordionMediaBaseProps; export declare const AccordionMedia: React.MemoExoticComponent< ({ media }: AccordionMediaProps) => import('react/jsx-runtime').JSX.Element >; export type AccordionTitleProps = AccordionTitleBaseProps; export declare const AccordionTitle: React.MemoExoticComponent< ({ title, subtitle }: AccordionTitleProps) => import('react/jsx-runtime').JSX.Element >; export type AccordionIconProps = AccordionIconBaseProps; export declare const AccordionIcon: React.MemoExoticComponent< ({ collapsed }: AccordionIconProps) => import('react/jsx-runtime').JSX.Element >; export type AccordionHeaderProps = AccordionHeaderBaseProps; /** * Renders a Pressable element to use as the header to an AccordionItem. * Composes an Accordion Media, Title, and Icon. */ export declare const AccordionHeader: React.MemoExoticComponent< ({ ref: forwardedRef, itemKey, title, subtitle, onPress, media, collapsed, testID, }: AccordionHeaderProps & { ref?: React.Ref; }) => import('react/jsx-runtime').JSX.Element >; //# sourceMappingURL=AccordionHeader.d.ts.map