---
// Copyright (c) Pascal Brand
// MIT License

import 'swiper/css/bundle'

import type { HTMLAttributes } from 'astro/types'

interface Props extends HTMLAttributes<"div"> {
  /** add the default swiper class, true by default */
  addDefaultClass?: boolean,
}

const {
  class: className = '',
  addDefaultClass = true,
  ...props
} = Astro.props;

---

<div
  class:list={[(addDefaultClass ? 'swiper-pagination' : ''), className]}
  {...props}>
    <slot/>
</div>