import React from 'react';
import type { OtherHTMLAttributes, Renderable, TabsTabTheme } from '@instructure/shared-types';
import type { WithStyleProps, ComponentStyle } from '@instructure/emotion';
import type { ViewOwnProps } from '@instructure/ui-view/latest';
type TabsTabOwnProps = {
variant?: 'default' | 'secondary';
id: string;
index: number;
controls: string;
isDisabled?: boolean;
isSelected?: boolean;
onClick?: (event: React.MouseEvent, tabData: {
index: number;
id: string;
}) => void;
onKeyDown?: (event: React.KeyboardEvent, tabData: {
index: number;
id: string;
}) => void;
children?: Renderable;
/**
* Whether tabOverflow prop in Tabs is set to 'scroll'.
*/
isOverflowScroll?: boolean;
};
type PropKeys = keyof TabsTabOwnProps;
type AllowedPropKeys = Readonly>;
type TabsTabProps = TabsTabOwnProps & WithStyleProps & OtherHTMLAttributes;
type TabsTabStyle = ComponentStyle<'tab'>;
declare const allowedProps: AllowedPropKeys;
export type { TabsTabProps, TabsTabStyle };
export { allowedProps };
//# sourceMappingURL=props.d.ts.map