@adyen/adyen-platform-experience-web
Version:

42 lines • 1.46 kB
TypeScript
import type { ValueOfRecord } from '../utils/types';
export declare const containerQueries: {
readonly up: {
readonly sm: readonly ["up", 480];
readonly md: readonly ["up", 768];
readonly lg: readonly ["up", 1024];
};
readonly down: {
readonly xs: readonly ["down", number];
readonly sm: readonly ["down", number];
readonly md: readonly ["down", number];
};
readonly only: {
readonly xs: readonly ["only", number, {
readonly max: number;
}];
readonly sm: readonly ["only", 480, {
readonly max: number;
}];
readonly md: readonly ["only", 768, {
readonly max: number;
}];
readonly lg: readonly ["only", 1024, {
readonly min: 1024;
}];
};
};
type _ContainerQueries = typeof containerQueries;
export type ResponsiveViewportContainerQuery = ValueOfRecord<{
[K in keyof _ContainerQueries]: ValueOfRecord<_ContainerQueries[K]>;
}>;
export declare const useResponsiveContainer: (query: readonly ["up", 480] | readonly ["up", 768] | readonly ["up", 1024] | readonly ["down", number] | readonly ["only", number, {
readonly max: number;
}] | readonly ["only", 480, {
readonly max: number;
}] | readonly ["only", 768, {
readonly max: number;
}] | readonly ["only", 1024, {
readonly min: 1024;
}]) => boolean;
export {};
//# sourceMappingURL=useResponsiveContainer.d.ts.map