fui-fancyui
Version:
FancyUI Libary
39 lines (36 loc) • 1.15 kB
JavaScript
import { styled as f, css as e } from "styled-components";
import a from "../../../design/designFunctions/arrayToCssValues/arrayToCssValues.js";
import { createCssFilterString as l } from "../../../design/designFunctions/createCssFilterString/createCssFilterString.js";
import { globalElementSizes as i } from "../../../design/theme/globalSizes.js";
const o = (r, t) => {
if (r === "fit")
return e`
${t}: 100%;
`;
if (r !== "fit" && i[r])
return e`
${t + ": " + i[r]};
`;
if (typeof r == "string")
return e`
${t + ": " + r};
`;
}, g = f.div`
${({ $sizeW: r }) => r && o(r, "width")};
${({ $sizeH: r }) => r && o(r, "height")};
transition: filter 0.3s;
filter: ${({ $filter: r }) => r && l(r)};
aspect-ratio: ${({ $aspectRatio: r }) => r ? `${r};` : ""};
line-height: 0;
position: relative; // is needed for NextImage to work properly with fill
img {
width: 100%;
height: 100%;
object-fit: ${({ $objectFit: r }) => r || "cover"};
border-radius: ${({ $borderRadius: r }) => a(r, "borderRadius")};
}
${({ $externalStyle: r }) => r};
`;
export {
g as ImageWrapper
};