import type { BoxBackground, BoxBorder, BoxBorderColor, BoxPadding } from "../box/box"; /** * A slotted surface that groups related content, with optional header and footer regions. It is a generic container to assistive technology; set `role` and `aria-*` on the host where the content has meaning. Set `href` to make the whole card a link, and name it with `aria-label`. * * @slot - The card's content. * @slot header - Content above the card's content. * @slot footer - Content below the card's content. * @part root - The surface, a `dds-box`. */ export declare class Card { host: HTMLElement; /** The space between the card's edge and its content. */ padding: BoxPadding; /** The card's surface colour, as a step on the surface scale. */ background: BoxBackground; /** The border width. The border is always solid. */ border: BoxBorder; /** The border colour, as a step on the border scale. Has no effect unless `border` is set. */ borderColor?: BoxBorderColor; /** The URL the whole card links to. The link takes its accessible name from `aria-label` on the card, since `aria-labelledby` cannot cross the shadow root. */ href?: string; /** Opens the link in a new tab. Has no effect without `href`. */ external: boolean; private inheritedAttributes; componentWillRender(): void; render(): import("@stencil/core/jsx-runtime").JSX.Element; }