import { FlattenSimpleInterpolation } from 'styled-components/macro';
/**
 * Utility to add transitions to components
 *
 * @param properties A string containing the transition properties to animate
 * @returns A css ready to be used in a styled-component.
 *
 * Usage:
 * ```ts
 * ${componentAnimation('background-color, color')};
 * ```
 */
export declare const componentAnimation: (properties: string) => FlattenSimpleInterpolation;
/**
 * Utility to calculate outline
 *
 * @param outlineWidth Width of outline in px
 * @param outlineColor Outline color
 * @param insetShadowLength Inner shadow size in px. If included, this changes the shadow from an outer shadow (outset) to an inner shadow.
 *
 * @returns A css ready to be used in a styled-component.
 *
 * Usage:
 * ```ts
 * ${outline('2', 'red')};
 * ```
 */
export declare const outline: (outlineWidth: string, outlineColor: string, insetShadowLength?: string | number) => FlattenSimpleInterpolation;