@krowdy-ui/views/TopAppBar/TopAppBar.d.ts

React components that implement Google's Material Design.

import { PropTypes } from '@krowdy-ui/core'

interface IApp {
  title: string
  url: string
}

interface Ilogo {
  alt: string
  source: string
}

interface Iuser {
  firstName: string
  lastName: string
  photo?: string
}

interface ITopMenu {
  color?: string
  target?: string
  title: string
  type?: string
  url?: string
  variant?: string
}

interface IUserMenu {
  target?: string
  title: string
  type: string
  url: string
}

export type TopAppBarProps = {
  apps?: Array<ITopMenu>,
  color?: PropTypes.Color;
  logo?: Ilogo;
  menuTopLeft?: Array<ITopMenu>;
  menuTopRight?: Array<ITopMenu>;
  onHandleLogout?: () => void;
  persistMenuIcon?: boolean;
  onHandleToggleDrawer?: () => void;
  user?: Iuser;
  userMenu?: Array<IUserMenu>;
  historyPath?: string
};

declare const TopAppBar: React.ComponentType<TopAppBarProps>;

export default TopAppBar;