import { css } from '../themes/styled';
export declare const getMultipliedSize: (base: {
    value: number;
    unit: string;
}, multiply: number) => string;
export declare const getDividedSize: (base: {
    value: number;
    unit: string;
}, divide: number) => string;
/**
 * Media query helpers for responsive design.
 *
 * @example
 * ```ts
 * const StyledDiv = styled.div`
 *   font-size: 1rem;
 *   ${media.md`font-size: 1.2rem;`}
 *   ${media.lg`font-size: 1.5rem;`}
 * `;
 * ```
 *
 * Available breakpoints:
 * - `xs`: 480px
 * - `sm`: 576px
 * - `md`: 768px
 * - `lg`: 992px
 * - `xl`: 1200px
 * - `xxl`: 1440px
 */
export declare const media: Record<"xxl" | "xl" | "lg" | "md" | "sm" | "xs", (l: TemplateStringsArray, ...p: (string | number)[]) => ReturnType<typeof css>>;