@yamada-ui/react/dist/types/components/picture/picture.d.ts

React UI components of the Yamada, by the Yamada, for the Yamada built with React and Emotion

import { AnyString } from "../../utils/index.js";
import { ThemeTokens } from "../../core/system/index.types.js";
import { HTMLStyledProps } from "../../core/components/index.types.js";
import "../../core/index.js";
import { ImageProps } from "../image/image.js";
import { FC } from "react";

//#region src/components/picture/picture.d.ts
interface PictureSource extends SourceProps {
  /**
   * The source set for the source element.
   */
  srcSet?: string;
  /**
   * The maximum width for the source.
   *
   * If media is set, media takes precedence.
   */
  maxW?: AnyString | number | ThemeTokens["sizes"];
  /**
   * The minimum width for the source.
   *
   * If media is set, media takes precedence.
   */
  minW?: AnyString | number | ThemeTokens["sizes"];
}
interface PictureProps extends ImageProps {
  /**
   * If `true`, the sources will be sorted by the `minW` and `maxW` properties.
   *
   * @default true
   */
  enableSorting?: boolean;
  /**
   * The sources for the picture element.
   */
  sources?: PictureSource[];
  /**
   * The props for the picture element.
   */
  pictureProps?: HTMLStyledProps<"picture">;
}
/**
 * `Picture` is a component that uses the `picture` element to provide alternative images for different display or device scenarios.
 *
 * @see https://yamada-ui.com/docs/components/picture
 */
declare const Picture: FC<PictureProps>;
interface SourceProps extends HTMLStyledProps<"source"> {
  /**
   * The media query for the source.
   */
  media?: AnyString | ThemeTokens["breakpoints"];
}
declare const Source: FC<SourceProps>;
//#endregion
export { Picture, PictureProps, PictureSource, Source, SourceProps };
//# sourceMappingURL=picture.d.ts.map