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

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

    /**
     * Enable if Link doesn't contain anything except icon
     */
    iconOnly: {
      type: BooleanConstructor;
      default: false;
    };

    /**
     * Highlights Tabbar Link as currently active
     */
    tabbarActive: {
      type: BooleanConstructor;
      default: false;
    };

    /**
     * Object with additional props (attributes) to pass to the Link/Button
     */
    linkProps: {
      type: any;
      
    };

    /**
     * Object with Tailwind CSS colors classes
     */
    colors: {
      type: PropType<{
    
        /**
         *
         * @default 'text-primary'
         */
        textIos?: string;
        /**
         *
         * @default 'text-md-light-primary dark:text-md-dark-primary'
         */
        textMaterial?: string;
        /**
         *
         * @default ''
         */
        navbarTextIos?: string;
        /**
         *
         * @default ''
         */
        navbarTextMaterial?: string;
        /**
         *
         * @default ''
         */
        toolbarTextIos?: string;
        /**
         *
         * @default 'text-md-light-primary dark:text-md-dark-primary'
         */
        toolbarTextMaterial?: string;
      
      }>;
      
    };
  },
  () => JSX.Element,
  unknown,
  {},
  {},
  ComponentOptionsMixin,
  ComponentOptionsMixin,
  {
    
    /**
     * Click handler
     */
    click: (e: any) => void;
    
  }
>;

export default Link;