npm i janlab-ui

import JanUIProvider from "./theme/provider";

<JanUIProvider customColor={colorList}>{children}</JanUIProvider>;

export enum ColorType {
  error = "error",
  warning = "warning",
  success = "success",
  info = "info",
  gray = "gray",
}

export type ColorLevels = {
  100: string;
  200: string;
  300: string;
  400: string;
  500: string;
  600: string;
  700: string;
  800: string;
  900: string;
  1000: string;
};

export type ColorList = Record<ColorType, ColorLevels>;

type Props = {
  text?: string;
  children?: React.ReactNode;
  variant?: "text" | "outlined" | "contained";
  style?: any;
  startIcon?: React.ReactNode;
  endIcon?: React.ReactNode;
  onClick?: () => void;
};

type Props = {
    isOpen: boolean;
    onClose: () => void;
    okText?: string;
    closeText?: string;
    title?: string;
    startIcon?: React.ReactNode;
    content?: React.ReactNode;
}

type Props = {
  variant?: TVariant;
  sprites?: TSprites;
  color?: string;
  children?: React.ReactNode;
}