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

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

    /**
     * Determinate progress (from 0 to 1)
     */
    progress: {
      type: NumberConstructor;
      default: 0;
    };

    /**
     * Object with Tailwind CSS colors classes
     */
    colors: {
      type: PropType<{
    
        /**
         *
         * @default 'bg-black/10 dark:bg-primary/10'
         */
        trackBgIos?: string;
        /**
         *
         * @default 'bg-md-light-primary/30 dark:bg-md-dark-primary/30'
         */
        trackBgMaterial?: string;
        /**
         *
         * @default 'bg-primary'
         */
        activeBgIos?: string;
        /**
         *
         * @default 'bg-md-light-primary dark:bg-md-dark-primary'
         */
        activeBgMaterial?: string;
      
      }>;
      
    };
  },
  () => JSX.Element,
  unknown,
  {},
  {},
  ComponentOptionsMixin,
  ComponentOptionsMixin,
  {
    
  }
>;

export default Progressbar;