@undp/design-system-react/dist/Card.d.ts

React based design system for UNDP

import { ClassProp } from 'class-variance-authority/types';
import * as React_2 from 'react';
import { VariantProps } from 'class-variance-authority';

export declare const Card: React_2.ForwardRefExoticComponent<CardProps & React_2.RefAttributes<HTMLDivElement>>;

export declare const CardDescription: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLDivElement> & React_2.RefAttributes<HTMLDivElement>>;

export declare const CardFooter: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLDivElement> & React_2.RefAttributes<HTMLDivElement>>;

export declare const CardHeader: React_2.ForwardRefExoticComponent<CardProps & React_2.RefAttributes<HTMLDivElement>>;

export declare const CardImage: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLImageElement> & {
    src: string;
    alt?: string;
} & React_2.RefAttributes<HTMLImageElement>>;

declare interface CardProps extends React_2.HTMLAttributes<HTMLDivElement>, VariantProps<typeof cardVariants> {
    border?: boolean;
}

export declare const CardTag: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLHeadingElement> & React_2.RefAttributes<HTMLHeadingElement>>;

export declare const CardTitle: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLDivElement> & React_2.RefAttributes<HTMLDivElement>>;

declare const cardVariants: (props?: ({
    variant?: "with-image" | "without-image" | null | undefined;
    backgroundColor?: "error" | "warning" | "success" | "info" | "primary" | "secondary" | "tertiary" | "quaternary" | "surface" | "background" | "background-soft" | "foreground" | "foreground-soft" | "transparent" | "surface-xl" | "surface-2xl" | "surface-3xl" | null | undefined;
    size?: "base" | "xs" | "sm" | "lg" | "xl" | "full" | null | undefined;
} & ClassProp) | undefined) => string;

export { }


declare namespace BreadcrumbSeparator {
    var displayName: string;
}


declare namespace BreadcrumbEllipsis {
    var displayName: string;
}


declare namespace DialogHeader {
    var displayName: string;
}


declare namespace DialogFooter {
    var displayName: string;
}


declare namespace PaginationUnit {
    var displayName: string;
}


declare namespace PaginationLink {
    var displayName: string;
}


declare namespace PaginationPrevious {
    var displayName: string;
}


declare namespace PaginationNext {
    var displayName: string;
}


declare namespace PaginationEllipsis {
    var displayName: string;
}