import type { ReactNode } from 'react';
import type { StyleXStyles } from '@stylexjs/stylex';
export type IStyles = StyleXStyles<{
    width?: string;
    margin?: string;
    padding?: string;
    color?: string;
    backgroundColor?: string;
    position?: string;
    top?: string;
    right?: string;
    bottom?: string;
    left?: string;
    fontSize?: string;
    fontWeight?: number;
    border?: string;
    borderRadius?: string;
    display?: string;
    flexDirection?: string;
    alignItems?: string;
    justifyContent?: string;
    gap?: string;
}>;
export interface TabsProps {
    variant?: 'filled' | 'elegant';
    size?: 'small' | 'medium' | 'large';
    contentPosition?: 'top' | 'bottom';
    alignment?: 'left' | 'center' | 'right';
    active: string;
    tabs: string[];
    children: ReactNode | ReactNode[];
    onTabChange?: (tab: string) => void;
    ariaLabel?: string;
    reducedMargin?: boolean;
    style?: IStyles;
}