status-tag

// src/components/apps/cloud/ticket-overview/app-ticket-overview/status-tag/schema.yaml

$schema: http://json-schema.org/draft-07/schema
$id: /apps/cloud/ticket-overview/app-ticket-overview/status-tag
type: object
required:
  - color
  - status
additionalProperties: false
properties:
  color:
    type: string
  status:
    type: string

// src/components/apps/cloud/ticket-overview/app-ticket-overview/status-tag/mocks.yaml

$variants:
  - $name: Neutral
    status: 1st Level
    color: color1C
  - $name: Success
    status: Abgeschlossen
    color: color6B
  - $name: Warning
    status: Rückfrage
    color: color5A
  - $name: Critical
    status: Offen
    color: color4A
  - $name: Activity
    status: Neue Kunden-Aktivität
    color: color2B

// src/components/apps/cloud/ticket-overview/app-ticket-overview/status-tag/status-tag.twig

{{ attach_library('finstral_global/apps-ticket-overview-status-tag') }}

<span class="StatusTag u-typo-TextS StatusTag--{{ color }}">
	{{ status }}
</span>