m3e

//// accordion provides Lustre support for the [M3E Accordion component](https://matraic.github.io/m3e/#/components/expansion-panel.html)

import gleam/list
import lustre/attribute.{type Attribute}
import lustre/element.{type Element}
import m3e/helpers

// --- TYPES ---

/// Accordion is a container for Expansion Panels
///
/// ## Fields:
/// - multi: Whether multiple panels can be expanded at the same time
///
pub opaque type Accordion {
  Accordion(multi: Bool)
}

// --- CONSTRUCTORS ---

/// new creates a new Accordion
///
pub fn new() -> Accordion {
  Accordion(multi: False)
}

// --- SETTERS ---

/// multi sets the `multi` field
///
pub fn multi(_: Accordion, multi: Bool) -> Accordion {
  Accordion(multi: multi)
}

// --- RENDERING ---

/// render creates a Lustre Element from an Accordion
///
pub fn render(
  a: Accordion,
  attributes: List(Attribute(msg)),
  children: List(Element(msg)),
) -> Element(msg) {
  element.element(
    "m3e-accordion",
    [helpers.boolean_attribute("multi", a.multi), ..attributes]
      |> list.filter(fn(a) { a != attribute.none() }),
    children,
  )
}
// --- PRIVATE INTERNAL HELPERS ---