import { type HTMLAttributes } from 'vue';
import type { IconSquareSize, IconSquareVariant } from './types';
export type IconSquareProps = {
    /**
     * Size of the icon in pixels. It could be small, 'medium', or 'large'.
     * This will set both width and height of the icon.
     * @type {IconSquareSize}
     * @example small
     * @default small
     */
    size?: IconSquareSize;
    /**
     * Variant of the icon. It will set the color and background color.
     * @type {IconSquareVariant}
     * @example 'gainsboro'
     * @default 'gainsboro'
     */
    variant?: IconSquareVariant;
} & /* @vue-ignore */ HTMLAttributes;
declare var __VLS_1: {};
type __VLS_Slots = {} & {
    default?: (props: typeof __VLS_1) => any;
};
declare const __VLS_base: import("vue").DefineComponent<IconSquareProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<IconSquareProps> & Readonly<{}>, {
    size: IconSquareSize;
    variant: IconSquareVariant;
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
declare const _default: typeof __VLS_export;
export default _default;
type __VLS_WithSlots<T, S> = T & {
    new (): {
        $slots: S;
    };
};