@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>
33 lines (32 loc) • 1.71 kB
TypeScript
import React, { ReactNode } from "react";
import { ReadingColorVariant } from "../theme/colors";
/**
* Types
*/
export declare const IconKeyVariants: readonly ["arrowRight", "arrowLeft", "attention", "check", "checkCircle", "chevronLeft", "chevronRight", "closeCircle", "infoCircle", "errorCircle", "link", "triangleRight", "triangleLeft", "triangleUp", "triangleDown", "copy", "close", "search", "instagram", "linkedIn", "medium", "reddit", "telegram", "twitter", "youTube", "fail", "plus", "minus", "helpCircle", "help", "lock", "delete", "download", "key", "edit", "expand", "collapse", "success", "loading", "sort", "update", "facebook", "cart", "menu", "verify", "showPassword", "hidePassword", "sprout", "collection", "user", "closeSmall", "dropdown", "minusSmall", "plusSmall", "convert", "deposit", "send", "receive", "to", "withdraw", "clock", "play"];
export declare type IconKeyVariant = typeof IconKeyVariants[number];
export declare const IconSizeVariants: readonly ["xs1", "xs", "sm", "md", "lg"];
export declare type IconSizeVariant = typeof IconSizeVariants[number];
export interface IconProps {
iconKey: IconKeyVariant;
className?: string;
size?: IconSizeVariant;
color?: ReadingColorVariant;
rotate?: number;
}
export interface IconStyleProps {
size?: IconSizeVariant;
color?: ReadingColorVariant;
rotate?: number;
}
/**
* Constants
*/
export declare const iconMap: Record<IconKeyVariant, ReactNode>;
export declare const iconSizeMap: Record<IconSizeVariant, number>;
export declare const iconMobileSizeMap: Record<IconSizeVariant, number>;
/**
* Main
*/
declare const Icon: React.FC<IconProps>;
export default Icon;