// @flow
import type { Node } from 'react';
import type { TranslatedContent } from '../../../types';
import type { MarginOnlySpaceProps } from '../../../mixins/spacing';
import type { StylableProps } from '../../../mixins/themes';
import type { TestingProps } from '../../../mixins/testing';

type Tab = {|
  id: string,
  label: TranslatedContent,
  content: TranslatedContent | Node,
|};

export type TabSetProps = {|
  ...TestingProps,
  ...StylableProps,
  ...MarginOnlySpaceProps,
  selectedTabIndex?: number,
  onSelect?: (selectedTabIndex: number) => void,
  tabs: Tab[],
|};
