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

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

    /**
     * Makes segmented raised
     */
    raised: {
      type: BooleanConstructor;
      default: false;
    };

    /**
     * Makes segmented raised in iOS theme
     */
    raisedIos: {
      type: BooleanConstructor;
      default: false;
    };

    /**
     * Makes segmented raised in Material theme
     */
    raisedMaterial: {
      type: BooleanConstructor;
      default: false;
    };

    /**
     * Makes segmented outline
     */
    outline: {
      type: BooleanConstructor;
      default: false;
    };

    /**
     * Makes segmented outline in iOS theme
     */
    outlineIos: {
      type: BooleanConstructor;
      default: false;
    };

    /**
     * Makes segmented outline in Material theme
     */
    outlineMaterial: {
      type: BooleanConstructor;
      default: false;
    };

    /**
     * Makes segmented strong
     */
    strong: {
      type: BooleanConstructor;
      default: false;
    };

    /**
     * Makes segmented strong in iOS theme
     */
    strongIos: {
      type: BooleanConstructor;
      default: false;
    };

    /**
     * Makes segmented strong in Material theme
     */
    strongMaterial: {
      type: BooleanConstructor;
      default: false;
    };

    /**
     * Makes segmented rounded
     */
    rounded: {
      type: BooleanConstructor;
      default: false;
    };

    /**
     * Makes segmented rounded in iOS theme
     */
    roundedIos: {
      type: BooleanConstructor;
      default: false;
    };

    /**
     * Makes segmented rounded in Material theme
     */
    roundedMaterial: {
      type: BooleanConstructor;
      default: false;
    };

    /**
     * Object with Tailwind CSS colors classes
     */
    colors: {
      type: PropType<{
    
        /**
         *
         * @default 'bg-black/5 dark:bg-white/10'
         */
        strongBgIos?: string;
        /**
         *
         * @default 'bg-md-light-surface-variant dark:bg-md-dark-surface-variant'
         */
        strongBgMaterial?: string;
    
        /**
         *
         * @default 'bg-white dark:bg-white/75'
         */
        strongHighlightBgIos?: string;
        /**
         *
         * @default 'bg-white dark:bg-white/15'
         */
        strongHighlightBgMaterial?: string;
        /**
         *
         * @default 'border-primary'
         */
        borderIos?: string;
        /**
         *
         * @default 'border-md-light-outline dark:border-md-dark-outline'
         */
        borderMaterial?: string;
        /**
         *
         * @default 'divide-primary'
         */
        divideIos?: string;
        /**
         *
         * @default 'divide-md-light-outline dark:divide-md-dark-outline'
         */
        divideMaterial?: string;
      
      }>;
      
    };
  },
  () => JSX.Element,
  unknown,
  {},
  {},
  ComponentOptionsMixin,
  ComponentOptionsMixin,
  {
    
  }
>;

export default Segmented;