import { html } from 'lit';
import FlowRdfElement from '../../internal/flow-ui-rdf-element.mjs';
import styles from './carousel-item.styles.mjs';

class FlowUiCarouselItem extends FlowRdfElement {
  /** @internal */
  static isCarouselItem(node) {
    return node instanceof Element && node.getAttribute("aria-roledescription") === "slide";
  }
  connectedCallback() {
    super.connectedCallback();
    this.setAttribute("role", "group");
  }
  render() {
    return html`
      <slot></slot>
    `;
  }
}
FlowUiCarouselItem.styles = styles;

export { FlowUiCarouselItem as default };
