Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 | import { SxProps } from "@mui/material";
import { ReactElement } from "react";
type BaseTabProps = {
selected?: boolean;
onClick?: (item: string) => void;
tabSx?: SxProps;
selectedTabSx?: any;
applyGradient?: boolean;
};
export interface GivePillProps extends BaseTabProps, GiveTabItem {
variant?: "primary" | "gradient" | "segmented";
dataTestId?: string;
}
export interface GiveLineTabProps extends BaseTabProps, GiveTabItem {
variant?: "underline";
dataTestId?: string;
}
export interface GiveProgressTabProps extends BaseTabProps, GiveTabItem {
hideMobileTitle?: boolean;
}
export type GiveTabItem = {
label: string | ReactElement;
info?: string;
value: string;
endItem?: React.ReactElement;
startItem?: React.ReactElement;
hidden?: boolean;
disabled?: boolean;
progress?: number;
warning?: boolean;
done?: boolean;
onClickItem?: (val?: string) => void;
displayInfoOnHover?: boolean;
dataTestId?: string;
allowHoverWhenDisabled?: boolean;
};
type BaseTabsProps = {
items: GiveTabItem[];
onClick?: (item: string) => void;
selected?: string;
containerSx?: SxProps;
tabSx?: SxProps;
selectedTabSx?: SxProps;
hideMobileTitle?: boolean;
applyGradient?: boolean;
};
interface PillTabsProps extends BaseTabsProps {
type: "pill";
variant?: "primary" | "gradient";
}
interface LineTabsProps extends BaseTabsProps {
type: "line";
variant?: "underline";
}
interface SegmentedTabsProps extends BaseTabsProps {
type: "segmented";
variant?: undefined;
}
interface StepperTabsProps extends BaseTabsProps {
type: "stepper";
variant?: undefined;
}
export type GiveTabProps =
| PillTabsProps
| LineTabsProps
| SegmentedTabsProps
| StepperTabsProps;
|