@capgeminiuk/dcx-react-library/dist/card/Card.d.ts

[](https://circleci.com/gh/Capgemini/dcx-react-library)

import React from 'react';
export type CardProps = {
    /**
     * allows to pass a child or children to the component
     */
    children: JSX.Element | JSX.Element[];
    /**
     * Relevant classes for shared / reusable styling
     */
    className?: string;
    /**
     * allows to align the card horizontally or vertically
     */
    layout?: 'horizontal' | 'vertical';
    /**
     * When the variant `interact` is specified the design system will provide style and token
     * on different interactions like hover, selected, etc
     */
    variant?: 'default' | 'interact';
    /**
     * allows to control the current selected card
     */
    selected?: boolean;
} & React.HTMLAttributes<HTMLElement>;
export declare const Card: ({ children, className, variant, layout, selected, ...props }: CardProps) => React.JSX.Element;