@shopgate/engage
Version:
Shopgate's ENGAGE library.
27 lines (26 loc) • 834 B
JavaScript
import React from 'react';
import classnames from 'classnames';
import PlaceholderIcon from '@shopgate/pwa-ui-shared/icons/PlaceholderIcon';
import { defaultProps, propTypes } from "./props";
import { placeholderContainer, placeholderContent, placeholderIcon } from "./style";
/**
* The media placeholder component.
* @returns {JSX}
*/
import { jsx as _jsx } from "react/jsx-runtime";
const MediaPlaceholder = ({
className
}) => /*#__PURE__*/_jsx("div", {
className: classnames(placeholderContainer, className),
children: /*#__PURE__*/_jsx("div", {
className: placeholderContent,
"data-test-id": "placeHolder",
children: /*#__PURE__*/_jsx(PlaceholderIcon, {
className: placeholderIcon
})
})
});
MediaPlaceholder.defaultProps = {
className: defaultProps.className
};
export default MediaPlaceholder;