import { DdsElement } from '../../internal/dds-hu-element'; /** * `dap-ds-card-image` * @summary A card image is a container for images in a card. * @element dap-ds-card-image * @title - Card image * @group card * * @slot - The default slot for the image. The slot can accept any element, for example a video. If nothing is added to the slot, the image will be rendered. * * @csspart base - The main card image container. * * @cssproperty --dds-card-image-width - The width of the image. (default: 100%) * @cssproperty --dds-card-image-height - The height of the image. (default: auto) * @cssproperty --dds-card-image-object-fit - How the image fits within its container. (default: cover) * @cssproperty --dds-card-image-background-position - The background position of the image. (default: center) * @cssproperty --dds-card-image-background-size - How the background image is sized. (default: cover) * @cssproperty --dds-card-image-background-repeat - How the background image repeats. (default: no-repeat) */ export default class DapDSCardImage extends DdsElement { /** The source of the image.*/ src: string; /** The alt text of the image.*/ alt: string; /** The width of the image.*/ width: number; /** The height of the image.*/ height: number; static readonly styles: import('lit').CSSResult; render(): import('lit-html').TemplateResult; }