import type { FC } from 'react';
import type { SVGProps } from 'twitch-core-ui';
import { SVGType } from 'twitch-core-ui';
import type { SizeProps } from '../RemSVG';
export declare const ScContainer: import("styled-components").StyledComponent<string, any, SizeProps, never>;
declare type ShadowedSVGProps = Omit<SVGProps, 'height' | 'type' | 'width'> & {
    /**
     * The SVGType value of the bottom (filled) SVG, which controls the color.
     * Defaults to SVGType.Brand, which results in using the brand color (purple).
     */
    bottomType?: SVGType;
    /**
     * Height in rem units. Defaults to 2.
     */
    heightRem?: number;
    /**
     * Number between 0 and 100. Defaults to 88, or a ~1/8 size reduction.
     */
    scale?: number;
    /**
     * The SVGType value of the top (non-filled) SVG, which controls the color.
     * Defaults to undefined, which results in using the base color for the theme.
     */
    topType?: SVGType;
    /**
     * Width in rem units. Defaults to 2.
     */
    widthRem?: number;
};
/**
 * A component that makes a stacked SVG pair, with a "bottom" version that is
 * moved down and left with filled in paths, and a "top" version that is moved
 * up and right without extra filling. Takes all of the normal SVG props except
 * `type`, as you may optionally specify `bottomType` and `topType` separately.
 * Also takes a `scale` property to control the size of the stacked SVGs
 * relative to the size of the whole component.
 *
 * Note that this may not be able to fill all SVGs, as it is dependent on how
 * their paths are defined (and whether they have closed spaces).
 */
export declare const ShadowedSVG: FC<ShadowedSVGProps>;
export {};
//# sourceMappingURL=index.d.ts.map