import { Component, ComponentOptionsMixin, DefineComponent, PropType, StyleValue, Ref } from 'vue';

declare const ActionsButton: DefineComponent<
  {
    
    /**
     * Component's HTML Element
     */
    component: {
      type: PropType<string | Component>;
      default: 'button';
    };

    /**
     * Link's `href` attribute, when specified will also be rendered as `<a>` element
     */
    href: {
      type: StringConstructor;
      
    };

    /**
     * Makes button text bold. Overwrites `boldIos` and `boldMaterial`
     */
    bold: {
      type: BooleanConstructor;
      default: undefined;
    };

    /**
     * Makes button text bold in iOS theme
     */
    boldIos: {
      type: BooleanConstructor;
      default: false;
    };

    /**
     * Makes button text bold in Material theme
     */
    boldMaterial: {
      type: BooleanConstructor;
      default: false;
    };

    /**
     * Button text font size in iOS theme
     */
    fontSizeIos: {
      type: StringConstructor;
      default: 'text-xl';
    };

    /**
     * Button text font size in Material theme
     */
    fontSizeMaterial: {
      type: StringConstructor;
      default: 'text-base';
    };

    /**
     * Renders button outer hairlines (borders). If not specified, will be enabled for iOS theme
     */
    dividers: {
      type: BooleanConstructor;
      default: undefined;
    };

    /**
     * Object with Tailwind CSS colors classes
     */
    colors: {
      type: PropType<{
    
        /**
         *
         * @default ''
         */
        bgIos?: string;
        /**
         *
         * @default ''
         */
        bgMaterial?: string;
        /**
         *
         * @default 'active:bg-black/10 dark:active:bg-white/5'
         */
        activeBgIos?: string;
        /**
         *
         * @default ''
         */
        activeBgMaterial?: string;
        /**
         *
         * @default 'text-primary'
         */
        textIos?: string;
        /**
         *
         * @default 'text-md-light-on-surface dark:text-md-dark-on-surface'
         */
        textMaterial?: string;
      
      }>;
      
    };
  },
  () => JSX.Element,
  unknown,
  {},
  {},
  ComponentOptionsMixin,
  ComponentOptionsMixin,
  {
    
  }
>;

export default ActionsButton;