/*!
 * Copyright 2017 by ChartIQ, Inc.
 * All rights reserved.
 */
/**
 * This component is the name of a component and a pin that will pin that component to all toolbars.
 *
 */
import React, { Component } from "react";
import { AppMetadata } from "../../../types/fdc3";
type Images = {
    url: string;
};
interface IProps {
    cards: (AppMetadata & {
        tags: string[];
        images: Images[];
    })[];
    viewAppShowcase: (id: AppMetadata["appId"]) => void;
}
interface IState {
    active: number;
}
/**
 * The hero component at the top of the App Catalog homepage. Display images and textual descriptions of showcased apps
 * @param {object} props Component props
 */
export default class Hero extends Component<IProps, IState> {
    constructor(props: IProps);
    bindCorrectContext(): void;
    /**
     * Changes the page of the hero component depending on the action its handed
     * @param {string} action One of 'page_down' or 'page_up'. Any other action is ignored
     */
    changePage(action: any): void;
    /**
     * Called the parent function to open the AppShowcase for the clicked app
     */
    openApp(): void;
    render(): React.JSX.Element;
}
export {};
//# sourceMappingURL=Hero.d.ts.map