@brizy/ui
Version:
React elements in Brizy style
31 lines (30 loc) • 1.33 kB
JavaScript
import { BRZ_PREFIX } from "../constants";
export const getWidthAndHeight = (size) => {
switch (size) {
case "small":
return { maxWidth: "76.8px", maxHeight: "76.8px" };
case "middle":
return { maxWidth: "118px", maxHeight: "118px" };
case "large":
return { maxWidth: "260px", maxHeight: "125px" };
case "xlarge":
return { maxWidth: "215px", maxHeight: "215px" };
default:
return { maxWidth: `${size.maxW}px`, maxHeight: `${size.maxH}px` };
}
};
export const getSizeProperties = ({ size, maxBy, }) => {
const { maxWidth, maxHeight } = getWidthAndHeight(size);
const sizes = {
[`--${BRZ_PREFIX}-image-pointer-height`]: maxHeight,
[`--${BRZ_PREFIX}-image-pointer-width`]: maxWidth,
};
switch (maxBy) {
case "width":
return Object.assign(Object.assign({}, sizes), { [`--${BRZ_PREFIX}-image-pointer-max-width`]: maxWidth });
case "height":
return Object.assign(Object.assign({}, sizes), { [`--${BRZ_PREFIX}-image-pointer-max-height`]: maxHeight });
case "both":
return Object.assign(Object.assign({}, sizes), { [`--${BRZ_PREFIX}-image-pointer-max-height`]: maxHeight, [`--${BRZ_PREFIX}-image-pointer-max-width`]: maxWidth });
}
};