@navinc/base-react-components
Version:
Nav's Pattern Library
45 lines (44 loc) • 1.55 kB
TypeScript
declare const variants: {
readonly xl: {
readonly fontFamily: "Manrope, sans-serif";
readonly fontSize: "56px";
readonly lineHeight: "1.143em";
readonly htmlElement: "h1";
};
readonly lg: {
readonly fontFamily: "Manrope, sans-serif";
readonly fontSize: "48px";
readonly lineHeight: "1.167em";
readonly htmlElement: "h2";
};
readonly md: {
readonly fontFamily: "Manrope, sans-serif";
readonly fontSize: "32px";
readonly lineHeight: "1.125em";
readonly htmlElement: "h3";
};
readonly sm: {
readonly fontFamily: "Manrope, sans-serif";
readonly fontSize: "24px";
readonly lineHeight: "1.333em";
readonly htmlElement: "h4";
};
readonly xs: {
readonly fontFamily: "Manrope, sans-serif";
readonly fontSize: "20px";
readonly lineHeight: "1.4em";
readonly htmlElement: "h5";
};
};
type VarientOptions = keyof typeof variants;
type HeaderProps = {
size?: VarientOptions;
};
/**
* @deprecated Use `CopyVariant as Copy` instead. Use `component='h#'` to turn any Copy component into a Header tag. This component will be removed in a future release. CopyVariant replaces Header, Copy, and Text.
*/
export declare const Header: import("styled-components").StyledComponent<"h1", import("styled-components").DefaultTheme, {
as: "h1" | "h2" | "h3" | "h4" | "h5";
size: "md" | "xs" | "sm" | "lg" | "xl";
} & HeaderProps, "size" | "as">;
export {};