import { ReactNode } from 'react'
import { CardProps, CardState } from 'organisms/ExpandableCard/typings'

/**
 * Function interface
 */
export interface AnimatedCardRenderProp extends Function {
  (props: AnimatedCardProps, state: AnimatedCardState): ReactNode
}

/**
 * PROPS
 */
export interface AnimatedCardProps extends CardProps {
  /**
   * render props
   */
  renderHeaderView?: AnimatedCardRenderProp
  renderExpandableView?: AnimatedCardRenderProp
  renderFooterView?: AnimatedCardRenderProp
}

/**
 * STATE
 */
export interface AnimatedCardState extends CardState {}