info-message

// src/components/elements/info-message/schema.yaml

$schema: http://json-schema.org/draft-07/schema
$id: https://finstral.com/elements/info-message
type: object
required:
  - end_date
  - message
  - start_date
properties:
  dismissible:
    type: boolean
    default: false
  end_date:
    type: string
  message:
    type: string
  start_date:
    type: string
  tone:
    type: string
    enum:
      - critical
      - info
      - success
      - warning
    default: info

// src/components/elements/info-message/mocks.yaml

$hidden: true
dismissible: false
end_date: '2070-12-31T00:00:00Z'
start_date: '2025-01-01T00:00:00Z'
tone: warning
$variants:
  - $name: Critical
    message: This is a critical info message.
    tone: critical
  - $name: Info
    message: This is an info message.
    tone: info
  - $name: Success
    message: This is a success info message.
    tone: success
  - $name: Warning
    message: This is a warning info message.
  - $name: Info dismissible
    dismissible: true
    message: This is a dismissable info message.
    tone: info

// src/components/elements/info-message/info-message.twig

{{ attach_library('finstral_global/element-info-message') }}

<info-message
	class="InfoMessage"
	start-date="{{ start_date }}"
	end-date="{{ end_date }}" hidden>
		{% include "@elements/alert-box/alert-box.twig" with {
			dismissible: dismissible ?? false,
			message: message,
			tone: tone ?? "info",
		} only %}
</info-message>