type: custom:stack-in-card
cards:
  - type: custom:button-card
    show_label: false
    show_state: true
    state_display: Goedemorgen Bruno
    styles:
      card:
        - height: 40px
        - padding: 0px
        - background: none
        - box-shadow: none
      state:
        - font-size: 25px
        - font-weight: 1000
  - type: custom:button-card
    show_label: false
    show_state: true
    state_display: |
      [[[
        const date = new Date();
        const hour = date.getHours();
        const min = date.getMinutes();
        return hour + ':' + min
      ]]]
    styles:
      card:
        - height: 30px
        - padding: 0px
        - margin-top: '-16px'
        - margin-bottom: '-16px'
        - background: none
        - box-shadow: none
  - type: custom:button-card
    show_label: false
    show_state: true
    state_display: |
      [[[
        const options = { weekday: 'long', year: 'numeric', month: 'long', day: 'numeric' };
        const date  = new Date();
        return date.toLocaleDateString("nl-NL", options);
      ]]]
    styles:
      card:
        - height: 30px
        - padding: 0px
        - margin-bottom: '0px'
        - background: none
        - box-shadow: none