funuicss/ui/button/Button.d.ts

React and Next.js component UI Library for creating Easy and good looking websites with fewer lines of code. Elevate your web development experience with our cutting-edge React/Next.js component UI Library. Craft stunning websites effortlessly, boasting b

import { ReactNode } from 'react';
import * as React from 'react';
interface ColorPalette {
    primary: string;
    primary50: string;
    primary100: string;
    primary200: string;
    primary300: string;
    primary400: string;
    primary500: string;
    primary600: string;
    primary700: string;
    primary800: string;
    primary900: string;
    secondary: string;
    secondary50: string;
    secondary100: string;
    secondary200: string;
    secondary300: string;
    secondary400: string;
    secondary500: string;
    secondary600: string;
    secondary700: string;
    secondary800: string;
    secondary900: string;
    error: string;
    error50: string;
    error100: string;
    error200: string;
    error300: string;
    error400: string;
    error500: string;
    error600: string;
    error700: string;
    error800: string;
    error900: string;
    success: string;
    success50: string;
    success100: string;
    success200: string;
    success300: string;
    success400: string;
    success500: string;
    success600: string;
    success700: string;
    success800: string;
    success900: string;
    warning: string;
    warning50: string;
    warning100: string;
    warning200: string;
    warning300: string;
    warning400: string;
    warning500: string;
    warning600: string;
    warning700: string;
    warning800: string;
    warning900: string;
    muted: string;
    muted50: string;
    muted100: string;
    muted200: string;
    muted300: string;
    muted400: string;
    muted500: string;
    muted600: string;
    muted700: string;
    muted800: string;
    muted900: string;
    info: string;
    info50: string;
    info100: string;
    info200: string;
    info300: string;
    info400: string;
    info500: string;
    info600: string;
    info700: string;
    info800: string;
    info900: string;
    light: string;
    light50: string;
    light100: string;
    light200: string;
    light300: string;
    light400: string;
    light500: string;
    light600: string;
    light700: string;
    light800: string;
    light900: string;
    rose: string;
    rose50: string;
    rose100: string;
    rose200: string;
    rose300: string;
    rose400: string;
    rose500: string;
    rose600: string;
    rose700: string;
    rose800: string;
    rose900: string;
    pink: string;
    pink50: string;
    pink100: string;
    pink200: string;
    pink300: string;
    pink400: string;
    pink500: string;
    pink600: string;
    pink700: string;
    pink800: string;
    pink900: string;
    fuchsia: string;
    fuchsia50: string;
    fuchsia100: string;
    fuchsia200: string;
    fuchsia300: string;
    fuchsia400: string;
    fuchsia500: string;
    fuchsia600: string;
    fuchsia700: string;
    fuchsia800: string;
    fuchsia900: string;
    purple: string;
    purple50: string;
    purple100: string;
    purple200: string;
    purple300: string;
    purple400: string;
    purple500: string;
    purple600: string;
    purple700: string;
    purple800: string;
    purple900: string;
    violet: string;
    violet50: string;
    violet100: string;
    violet200: string;
    violet300: string;
    violet400: string;
    violet500: string;
    violet600: string;
    violet700: string;
    violet800: string;
    violet900: string;
    indigo: string;
    indigo50: string;
    indigo100: string;
    indigo200: string;
    indigo300: string;
    indigo400: string;
    indigo500: string;
    indigo600: string;
    indigo700: string;
    indigo800: string;
    indigo900: string;
    blue: string;
    blue50: string;
    blue100: string;
    blue200: string;
    blue300: string;
    blue400: string;
    blue500: string;
    blue600: string;
    blue700: string;
    blue800: string;
    blue900: string;
    lightBlue: string;
    lightBlue50: string;
    lightBlue100: string;
    lightBlue200: string;
    lightBlue300: string;
    lightBlue400: string;
    lightBlue500: string;
    lightBlue600: string;
    lightBlue700: string;
    lightBlue800: string;
    lightBlue900: string;
    darkBlue: string;
    darkBlue50: string;
    darkBlue100: string;
    darkBlue200: string;
    darkBlue300: string;
    darkBlue400: string;
    darkBlue500: string;
    darkBlue600: string;
    darkBlue700: string;
    darkBlue800: string;
    darkBlue900: string;
    cyan: string;
    cyan50: string;
    cyan100: string;
    cyan200: string;
    cyan300: string;
    cyan400: string;
    cyan500: string;
    cyan600: string;
    cyan700: string;
    cyan800: string;
    cyan900: string;
    teal: string;
    teal50: string;
    teal100: string;
    teal200: string;
    teal300: string;
    teal400: string;
    teal500: string;
    teal600: string;
    teal700: string;
    teal800: string;
    teal900: string;
    emerald: string;
    emerald50: string;
    emerald100: string;
    emerald200: string;
    emerald300: string;
    emerald400: string;
    emerald500: string;
    emerald600: string;
    emerald700: string;
    emerald800: string;
    emerald900: string;
    green: string;
    green50: string;
    green100: string;
    green200: string;
    green300: string;
    green400: string;
    green500: string;
    green600: string;
    green700: string;
    green800: string;
    green900: string;
    lime: string;
    lime50: string;
    lime100: string;
    lime200: string;
    lime300: string;
    lime400: string;
    lime500: string;
    lime600: string;
    lime700: string;
    lime800: string;
    lime900: string;
    yellow: string;
    yellow50: string;
    yellow100: string;
    yellow200: string;
    yellow300: string;
    yellow400: string;
    yellow500: string;
    yellow600: string;
    yellow700: string;
    yellow800: string;
    yellow900: string;
    amber: string;
    amber50: string;
    amber100: string;
    amber200: string;
    amber300: string;
    amber400: string;
    amber500: string;
    amber600: string;
    amber700: string;
    amber800: string;
    amber900: string;
    orange: string;
    orange50: string;
    orange100: string;
    orange200: string;
    orange300: string;
    orange400: string;
    orange500: string;
    orange600: string;
    orange700: string;
    orange800: string;
    orange900: string;
    red: string;
    red50: string;
    red100: string;
    red200: string;
    red300: string;
    red400: string;
    red500: string;
    red600: string;
    red700: string;
    red800: string;
    red900: string;
    warmGray: string;
    warmGray50: string;
    warmGray100: string;
    warmGray200: string;
    warmGray300: string;
    warmGray400: string;
    warmGray500: string;
    warmGray600: string;
    warmGray700: string;
    warmGray800: string;
    warmGray900: string;
    trueGray: string;
    trueGray50: string;
    trueGray100: string;
    trueGray200: string;
    trueGray300: string;
    trueGray400: string;
    trueGray500: string;
    trueGray600: string;
    trueGray700: string;
    trueGray800: string;
    trueGray900: string;
    coolGray: string;
    coolGray50: string;
    coolGray100: string;
    coolGray200: string;
    coolGray300: string;
    coolGray400: string;
    coolGray500: string;
    coolGray600: string;
    coolGray700: string;
    coolGray800: string;
    coolGray900: string;
    blueGray: string;
    blueGray50: string;
    blueGray100: string;
    blueGray200: string;
    blueGray300: string;
    blueGray400: string;
    blueGray500: string;
    blueGray600: string;
    blueGray700: string;
    blueGray800: string;
    blueGray900: string;
    dark: string;
    dark50: string;
    dark100: string;
    dark200: string;
    dark300: string;
    dark400: string;
    dark500: string;
    dark600: string;
    dark700: string;
    dark800: string;
    dark900: string;
    white: string;
    black: string;
}
export declare const colors: ColorPalette;
interface ButtonProps {
    color?: string;
    bg?: string;
    funcss?: string;
    startIcon?: ReactNode;
    endIcon?: ReactNode;
    text?: string;
    rounded?: boolean;
    raised?: boolean;
    height?: string;
    width?: string;
    float?: boolean;
    hoverUp?: boolean;
    fullWidth?: boolean;
    outlined?: boolean;
    small?: boolean;
    smaller?: boolean;
    big?: boolean;
    bigger?: boolean;
    jumbo?: boolean;
    flat?: boolean;
    hoverNone?: boolean;
    fillAnimation?: boolean;
    bold?: boolean;
    hoverless?: boolean;
    fillDirection?: string;
    fillTextColor?: string;
    buttonFillStyle?: React.CSSProperties;
    outlineSize?: number;
    isLoading?: boolean;
    status?: 'success' | 'warning' | 'info' | 'danger';
    children?: React.ReactNode;
    style?: React.CSSProperties;
    onClick?: () => void;
}
export default function Button({ color, bg, funcss, startIcon, endIcon, text, rounded, raised, height, width, float, hoverUp, fullWidth, outlined, small, hoverless, smaller, big, bigger, jumbo, flat, hoverNone, fillAnimation, fillDirection, fillTextColor, outlineSize, isLoading, status, children, bold, style, onClick, ...rest }: ButtonProps): any;
export {};