// @flow
import * as React from "react";
import type { ReactComponentStyled } from "styled-components";

import type { Globals } from "../../common/common.js.flow";
import typeof CardSectionHeaderType from "./CardSectionHeader/index.js.flow";
import typeof CardSectionContentType from "./CardSectionContent/index.js.flow";

export type Props = {|
  +children: React$Node,
  +expandable?: boolean,
  +initialExpanded?: boolean,
  +onClose?: () => void | Promise<any>,
  +onExpand?: () => void | Promise<any>,
  ...Globals,
|};

declare export var StyledCardSection: ReactComponentStyled<any>;

export type ContextType = {|
  +expandable: boolean,
  +expanded: boolean,
  +handleToggleSection: () => void,
  +onKeyDownHandler: (ev: SyntheticKeyboardEvent<HTMLDivElement>) => void | Promise<any>,
|};

declare export var CardSectionContext: React.Context<ContextType>;

declare export default React$ComponentType<Props>;

declare export var CardSectionHeader: CardSectionHeaderType;
declare export var CardSectionContent: CardSectionContentType;