@kiwicom/orbit-components
Version:
Orbit-components is a React component library which provides developers with the easiest possible way of building Kiwi.com’s products.
56 lines • 2.16 kB
JavaScript
import { QUERIES } from "../../utils/mediaQuery/consts";
export let ALIGN_CONTENT = /*#__PURE__*/function (ALIGN_CONTENT) {
ALIGN_CONTENT["START"] = "start";
ALIGN_CONTENT["CENTER"] = "center";
ALIGN_CONTENT["END"] = "end";
ALIGN_CONTENT["BASELINE"] = "baseline";
ALIGN_CONTENT["STRETCH"] = "stretch";
return ALIGN_CONTENT;
}({});
export const alignContentClasses = {
[]: "content-start",
[]: "content-end",
[]: "content-center",
[]: "content-baseline",
[]: "content-stretch",
[]: {
[]: "mm:content-start",
[]: "mm:content-end",
[]: "mm:content-center",
[]: "mm:content-baseline",
[]: "mm:content-stretch"
},
[]: {
[]: "lm:content-start",
[]: "lm:content-end",
[]: "lm:content-center",
[]: "lm:content-baseline",
[]: "lm:content-stretch"
},
[]: {
[]: "tb:content-start",
[]: "tb:content-end",
[]: "tb:content-center",
[]: "tb:content-baseline",
[]: "tb:content-stretch"
},
[]: {
[]: "de:content-start",
[]: "de:content-end",
[]: "de:content-center",
[]: "de:content-baseline",
[]: "de:content-stretch"
},
[]: {
[]: "ld:content-start",
[]: "ld:content-end",
[]: "ld:content-center",
[]: "ld:content-baseline",
[]: "ld:content-stretch"
}
};
const getAlignContentClasses = (align, viewport) => {
const root = viewport ? alignContentClasses[viewport] : alignContentClasses;
return root[align];
};
export default getAlignContentClasses;