@vlinderclimate/net-zero-ui
Version:
<div align="center"> <img src="https://storage.yandexcloud.net/static.vlinderstorage.com/Telegram_VlinderTech.png" width=200 /> </div> <h1 align="center">Net Zero UI kit</h1>
27 lines (26 loc) • 1.12 kB
TypeScript
import React from "react";
import { Theme } from "@mui/material/styles";
import { ButtonProps as MuiButtonProps } from "@mui/material/Button";
/**
* Types
*/
export declare const ButtonColorVariants: readonly ["primary", "primaryAlt", "secondary", "secondaryAlt", "inverse", "positive", "negative", "disabled", "muted"];
export declare type ButtonColorVariant = typeof ButtonColorVariants[number];
export interface ButtonProps extends Omit<MuiButtonProps, "color" | "variant" | "align"> {
align?: "center" | "left" | "right";
color?: ButtonColorVariant;
variant?: "text" | "outlined" | "contained" | "underline";
size?: Exclude<MuiButtonProps["size"], "small" | "medium" | "large">;
linkProps?: Object;
}
export interface StyledButtonProps extends Omit<ButtonProps, "color"> {
icon?: boolean | number;
$color?: ButtonColorVariant;
theme?: Theme;
}
export interface ExtendedStyledButtonProps extends Pick<ButtonProps, "align" | "size" | "color"> {
onlyIcon?: boolean;
theme?: Theme;
}
declare const Button: React.FC<ButtonProps>;
export default Button;