import { defineComponent, h } from 'vue'

const COneTimePasswordInput = defineComponent({
  name: 'COneTimePasswordInput',
  inheritAttrs: false,
  setup(_, { attrs, slots }) {
    return () =>
      h(
        'input',
        {
          ...attrs,
          class: ['form-otp-control', attrs.class],
          maxlength: 1,
          autocomplete: 'off',
        },
        slots.default && slots.default(),
      )
  },
})

export { COneTimePasswordInput }