component CopyMarkup {
  outputs {
    copy(payload: { sourceEvent?: Event; value: string | number | boolean | null | object; [key: string]: string | number | boolean | null | object } | string | number | boolean | null | object[])
    success(payload: { sourceEvent?: Event; [key: string]: string | number | boolean | null | object })
    error(payload: { error: Error | string; sourceEvent?: Event; [key: string]: string | number | boolean | null | object } | Error | string)
  }

  props {
size: string = "default"
    color: string = "primary"
    label: string = "Copy Markup"
    name: string = ""
    value: string = ""
    placeholder: string = ""
    type: string = "text"
    min: string = ""
    max: string = ""
    step: string = ""
    disabled: boolean = false
    required: boolean = false
    class: string = ""
  }
  view {
    <label class="wire-next wire-next--color-{color} wire-next--size-{size} wire-next--field wire-next--copy-markup {class}"><span>{label}</span><input {...attrs} type="{type}" name="{name}" value="{value}" placeholder="{placeholder}" min="{min}" max="{max}" step="{step}" disabled="{disabled}" required="{required}" /></label>
  }
}