import { VNode } from 'vue';

import { PREFIX, SIZE, STATUS } from '../../config';
import mixins from '../../utils/mixins';
import { renderContent, renderLNodeJSX } from '../../utils/render-node';
import ripple from '../../utils/ripple';
import { getKeepAnimationMixins } from '../config-provider/config-receiver';
import props from './props';

const keepAnimationMixins = getKeepAnimationMixins();

export interface ButtonHTMLAttribute {
  attrs?: {
    disabled?: boolean;
    type?: string;
  };
}

export default mixins(keepAnimationMixins).extend({
  name: 'Button',
  props: { ...props },
  directives: {
    ripple,
  },
  created() {},
  render(): VNode {
    const content = renderContent(this, 'default', 'content');
    return content;
  },
});