Variable: ControlButton

const ControlButton: DefineComponent<
  ExtractPropTypes<
    AppendDefault<
      {
        appendIcon: {
          default: undefined;
          type: PropType<IconValue | undefined>;
        };
        badge: {
          default: () => {};
          type: PropType<ControlButtonBadgeProps>;
        };
        class: PropType<any>;
        color: {
          default: undefined;
          type: PropType<string | undefined>;
        };
        cta: {
          default: undefined;
          type: PropType<string | undefined>;
        };
        density: {
          default: string;
          type: PropType<Density>;
          validator: (v: any) => boolean;
        };
        divideAppendIcon: {
          default: boolean;
          type: BooleanConstructor;
        };
        dividePrependIcon: {
          default: boolean;
          type: BooleanConstructor;
        };
        elevation: Omit<
          {
            type: (NumberConstructor | StringConstructor)[];
            validator: boolean;
          },
          "type" | "default"
        > & {
          default: NonNullable<string | number>;
          type: PropType<string | number>;
        };
        height: {
          default: string;
          type: PropType<string | number | null>;
        };
        inOverflowMenu: {
          default: boolean;
          type: BooleanConstructor;
        };
        prependIcon: {
          default: undefined;
          type: PropType<IconValue | undefined>;
        };
        size: {
          default: string;
          type: PropType<"small" | "x-small" | "medium" | "large" | "x-large">;
        };
        state: {
          default: () => {};
          type: PropType<ControlButtonState>;
        };
        style: {
          default: null;
          type: PropType<StyleValue>;
        };
        target: {
          default: undefined;
          type: PropType<string | undefined>;
        };
        to: {
          default: null;
          type: PropType<
            | string
            | RouteLocationAsRelativeGeneric
            | RouteLocationAsPathGeneric
            | null
            | undefined
          >;
        };
        type: {
          default: string;
          type: StringConstructor;
        };
      },
      {}
    >
  >,
  {},
  {},
  {},
  {},
  ComponentOptionsMixin,
  ComponentOptionsMixin,
  "click"[],
  "click",
  PublicProps,
  ToResolvedProps<
    ExtractPropTypes<
      AppendDefault<
        {
          appendIcon: {
            default: undefined;
            type: PropType<IconValue | undefined>;
          };
          badge: {
            default: () => {};
            type: PropType<ControlButtonBadgeProps>;
          };
          class: PropType<any>;
          color: {
            default: undefined;
            type: PropType<string | undefined>;
          };
          cta: {
            default: undefined;
            type: PropType<string | undefined>;
          };
          density: {
            default: string;
            type: PropType<Density>;
            validator: (v: any) => boolean;
          };
          divideAppendIcon: {
            default: boolean;
            type: BooleanConstructor;
          };
          dividePrependIcon: {
            default: boolean;
            type: BooleanConstructor;
          };
          elevation: Omit<
            {
              type: (NumberConstructor | StringConstructor)[];
              validator: boolean;
            },
            "type" | "default"
          > & {
            default: NonNullable<string | number>;
            type: PropType<string | number>;
          };
          height: {
            default: string;
            type: PropType<string | number | null>;
          };
          inOverflowMenu: {
            default: boolean;
            type: BooleanConstructor;
          };
          prependIcon: {
            default: undefined;
            type: PropType<IconValue | undefined>;
          };
          size: {
            default: string;
            type: PropType<
              "small" | "x-small" | "medium" | "large" | "x-large"
            >;
          };
          state: {
            default: () => {};
            type: PropType<ControlButtonState>;
          };
          style: {
            default: null;
            type: PropType<StyleValue>;
          };
          target: {
            default: undefined;
            type: PropType<string | undefined>;
          };
          to: {
            default: null;
            type: PropType<
              | string
              | RouteLocationAsRelativeGeneric
              | RouteLocationAsPathGeneric
              | null
              | undefined
            >;
          };
          type: {
            default: string;
            type: StringConstructor;
          };
        },
        {}
      >
    >,
    "click"[]
  >,
  {
    appendIcon: IconValue | undefined;
    badge: ControlButtonBadgeProps;
    color: string | undefined;
    cta: string | undefined;
    density: Density;
    divideAppendIcon: boolean;
    dividePrependIcon: boolean;
    elevation: string | number;
    height: string | number | null;
    inOverflowMenu: boolean;
    prependIcon: IconValue | undefined;
    size: "small" | "x-small" | "medium" | "large" | "x-large";
    state: ControlButtonState;
    style: StyleValue;
    target: string | undefined;
    to:
      | string
      | RouteLocationAsRelativeGeneric
      | RouteLocationAsPathGeneric
      | null
      | undefined;
    type: string;
  },
  SlotsType<ControlButtonSlots>,
  {},
  {},
  string,
  ComponentProvideOptions,
  true,
  {},
  any
>;