@kloudlite/design-system/molecule/popover.d.ts

A design system for building ambitious products.

import { ReactNode } from 'react';
import { IButton } from '../atoms/button';
import { ChildrenProps } from '../types';
export declare const Trigger: ({ children }: ChildrenProps) => import("react/jsx-runtime").JSX.Element;
export declare const Content: ({ children, align, }: {
    children: ReactNode;
    align?: "center" | "start" | "end";
}) => import("react/jsx-runtime").JSX.Element;
export declare const Footer: ({ children }: ChildrenProps) => import("react/jsx-runtime").JSX.Element;
export declare const Button: (props: IButton) => import("react/jsx-runtime").JSX.Element;
interface IPopover extends ChildrenProps {
    onOpenChange?: (val: boolean) => void;
    show?: boolean;
}
export declare const Root: ({ children, onOpenChange, show }: IPopover) => import("react/jsx-runtime").JSX.Element;
declare const Popover: {
    Root: ({ children, onOpenChange, show }: IPopover) => import("react/jsx-runtime").JSX.Element;
    Trigger: ({ children }: ChildrenProps) => import("react/jsx-runtime").JSX.Element;
    Content: ({ children, align, }: {
        children: ReactNode;
        align?: "center" | "start" | "end";
    }) => import("react/jsx-runtime").JSX.Element;
    Footer: ({ children }: ChildrenProps) => import("react/jsx-runtime").JSX.Element;
    Button: (props: IButton) => import("react/jsx-runtime").JSX.Element;
};
export default Popover;