---
import {AstroBuiltinAttributes} from "astro";
import type { LottieAnimationConfig } from "./dist/index";

export interface Props extends LottieAnimationConfig {
  class?: string;
  'class:list'?: AstroBuiltinAttributes['class:list']
}

const { class: cssClass, classList: cssClassList, ...lottieData } = Astro.props;
---

<div data-lottie data-lottie-data={JSON.stringify(lottieData)} class:list={[cssClass, ...(cssClassList || [])]} />