@chayns-components/core
Version:
A set of beautiful React components for developing your own applications with chayns.
27 lines • 838 B
JavaScript
import React, { useMemo } from 'react';
import { createSecondImageClipPath } from '../../../utils/groupedImage';
const SecondImageClipPath = ({
height,
uuid,
shouldShowRoundImage
}) => {
const d = useMemo(() => createSecondImageClipPath({
height,
shouldShowRoundImage
}), [height, shouldShowRoundImage]);
return /*#__PURE__*/React.createElement("svg", {
width: "0",
height: "0",
style: {
position: 'absolute'
}
}, /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
id: `second-image-mask--${uuid}`,
clipPathUnits: "objectBoundingBox"
}, /*#__PURE__*/React.createElement("path", {
d: d
}))));
};
SecondImageClipPath.dsiplayName = 'SecondImageClipPath';
export default SecondImageClipPath;
//# sourceMappingURL=SecondImageClipPath.js.map