@property({
    type: String,
    reflect: true,
  })
  mode: Mode = Mode.light

  @property({
    type: String,
  })
  cookieName = 'eulaAccepted'

  @property({
    type: String,
  })
  url: string = ''

  @property({
    type: Boolean,
    reflect: true,
  })
  show = false

  @property({
    type: Boolean,
  })
  checked = false

@onClose: CustomEvent<{ eulaAccepted: boolean }>

import '@radixdlt/web-components'

const radixEulaElement = document.querySelector('radix-eula')!

radixEulaElement.show = true

const onClose = (event: Event) => {
  const { eulaAccepted } = (event as CustomEvent<{ eulaAccepted: boolean }>)
    .detail

  console.log({ eulaAccepted })
}

radixEulaElement.addEventListener('onClose', onClose)