import { Breakpoint } from '@shopify/checkout-ui-extensions';
declare const classNamesMap: {
    padding: string[];
    paddingInline: string[];
    paddingInlineStart: string;
    paddingInlineEnd: string;
    paddingBlock: string[];
    paddingBlockStart: string;
    paddingBlockEnd: string;
    background: string;
    border: string[];
    borderInline: string[];
    borderInlineStart: string;
    borderInlineEnd: string;
    borderBlock: string[];
    borderBlockStart: string;
    borderBlockEnd: string;
    borderWidth: string[];
    borderWidthInline: string[];
    borderWidthInlineStart: string;
    borderWidthInlineEnd: string;
    borderWidthBlock: string[];
    borderWidthBlockStart: string;
    borderWidthBlockEnd: string;
    borderColor: string[];
    borderRadius: string[];
    borderRadiusInline: string[];
    borderRadiusInlineStart: string;
    borderRadiusInlineEnd: string;
    borderRadiusBlock: string[];
    borderRadiusBlockStart: string;
    borderRadiusBlockEnd: string;
    spacing: string;
    size: string;
    stack: string;
};
declare type Props = {
    [prop in keyof typeof classNamesMap]?: any;
};
export declare function generateResponsiveClassnames(props: Props, breakpoint?: Breakpoint): string[];
export declare function convertLogicalProps(prop: string, value: any): {
    [x: string]: any;
};
export declare function useResponsive(props: Props): string[];
export {};