m3e

//// DatepickerToggle is an element, nested within a clickable element, used to toggle a datepicker.
////
//// This file was generated by m3e/generator
////
////          DO NOT EDIT
////

import gleam/function
import gleam/list
import gleam/option.{type Option, None}
import lustre/attribute.{type Attribute}
import lustre/element.{type Element}
import m3e/attr

// --- Types ---

/// DatepickerToggle is a View Model for this component
///
/// ## Fields:
///
/// - for: The identifier of the interactive control to which this element is attached.
///
pub opaque type DatepickerToggle {
  DatepickerToggle(for: Option(String))
}

// --- Defaults ---

pub const default_for: Option(String) = None

// --- Constructors ---

/// new creates a new DatepickerToggle with the default configuration.
///
pub fn new(for: Option(String)) -> DatepickerToggle {
  DatepickerToggle(for: for)
}

// --- Setters ---

/// for sets the value of for for this DatepickerToggle.
///
pub fn for(_: DatepickerToggle, for: Option(String)) -> DatepickerToggle {
  DatepickerToggle(for: for)
}

// --- Renderers ---

/// render creates a Lustre Element for a DatepickerToggle
///
pub fn render(
  model: DatepickerToggle,
  attributes: List(Attribute(msg)),
) -> Element(msg) {
  element.element(
    "m3e-datepicker-toggle",
    list.flatten([
      [
        attr.option(model.for, fn(_) { "for" }, function.identity, default_for),
      ],
      attributes,
    ])
      |> list.filter(fn(a) { a != attribute.none() }),
    [],
  )
}