@aidenlx/player/src/react/components/Poster.ts

Headless web components that make integrating media on the a web a breeze.

// [@vidstack/eliza] THIS FILE IS AUTO GENERATED - SEE `eliza.config.ts`

import "../../define/vds-poster.js";
import * as React from "react";
import { createComponent } from "../lib/index.js";
import { PosterElement } from "../../ui/poster/index.js";

const EVENTS = {} as const;

/** Loads and displays the current media poster image. By default, the media provider's
loading strategy is respected, otherwise you can specify `eager` or `lazy`.

💡 The following img attributes are applied:

- `img-loading`: When the poster image is in the process of being downloaded by the browser.
- `img-loaded`: When the poster image has successfully loaded.
- `img-error`: When the poster image has failed to load. */
const Poster = createComponent(
  React,
  "vds-poster",
  PosterElement,
  EVENTS,
  "Poster"
);

export default Poster;