@kloudlite/design-system/atoms/action-list.d.ts

A design system for building ambitious products.

import { ReactNode } from 'react';
interface IActionList {
    children: ReactNode;
    value: string;
    onChange?: (value: string) => void;
    onClick?: (e: Event, route: string) => void;
    LinkComponent?: any;
    showIndicator?: boolean;
    className?: string;
}
export interface IActionItem {
    children?: ReactNode;
    disabled?: boolean;
    critical?: boolean;
    to?: string;
    prefix?: JSX.Element;
    suffix?: JSX.Element;
    value: string;
}
export interface IActionItemBase extends IActionItem {
    LinkComponent?: any;
    active?: boolean;
    onClick?: (e: Event) => void;
    showIndicator?: boolean;
}
export declare const Item: ({ children, disabled, critical, active, onClick, to, prefix, suffix, LinkComponent, showIndicator, }: IActionItemBase) => import("react/jsx-runtime").JSX.Element;
export declare const Root: ({ children, value, onChange, LinkComponent, showIndicator, onClick, className, }: IActionList) => import("react/jsx-runtime").JSX.Element;
declare const ActionList: {
    Root: ({ children, value, onChange, LinkComponent, showIndicator, onClick, className, }: IActionList) => import("react/jsx-runtime").JSX.Element;
    Item: ({ children, prefix, suffix, value, to, disabled, critical, }: IActionItem) => import("react/jsx-runtime").JSX.Element;
};
export default ActionList;