@onwave/ui/dist/RawResponsiveImage-91d0fd12.js

onwave ui library

'use strict';

require('@emotion/styled/base');
var index = require('./index.js');
var React = require('react');
require('next/link');
require('@emotion/react');
require('next/dynamic');
require('react-dom');
var Image = require('next/image');

function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
var Image__default = /*#__PURE__*/_interopDefaultLegacy(Image);

var RawResponsiveImage = function RawResponsiveImage(_a) {
  var src = _a.src,
      mobileSrc = _a.mobileSrc,
      tabletSrc = _a.tabletSrc,
      alt = _a.alt,
      width = _a.width,
      height = _a.height;

  var _b = index.useBreakPoints(),
      isMobile = _b.isMobile,
      isTablet = _b.isTablet;

  if (isMobile && mobileSrc) {
    return /*#__PURE__*/React__default['default'].createElement(Image__default['default'], {
      src: mobileSrc,
      alt: alt,
      width: width,
      height: height
    });
  }

  if (isTablet && tabletSrc) {
    return /*#__PURE__*/React__default['default'].createElement(Image__default['default'], {
      src: tabletSrc,
      alt: alt,
      width: width,
      height: height
    });
  }

  return /*#__PURE__*/React__default['default'].createElement(Image__default['default'], {
    src: src,
    alt: alt,
    width: width,
    height: height
  });
};

exports.default = RawResponsiveImage;
//# sourceMappingURL=RawResponsiveImage-91d0fd12.js.map