carbon-react/esm/components/image/image.style.js

A library of reusable React components for easily building user interfaces.

import t,{css as e}from"styled-components";import{margin as r,layout as o,padding as n,background as i}from"styled-system";import c from"../../style/themes/apply-base-theme.js";function p(t,e,r){return e in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}const s=t.div.attrs(c).attrs((({backgroundPosition:t="center",backgroundRepeat:e="no-repeat",backgroundSize:r="cover",src:o,children:n,hidden:i=!1,position:c,top:s,right:b,bottom:a,left:l})=>{return f=function(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{},o=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(r).filter((function(t){return Object.getOwnPropertyDescriptor(r,t).enumerable})))),o.forEach((function(e){p(t,e,r[e])}))}return t}({backgroundPosition:t,backgroundRepeat:e,backgroundSize:r},o&&{as:"img"}),m=null!=(m={children:o?void 0:n,src:o,hidden:i,position:c,top:s,right:b,bottom:a,left:l})?m:{},Object.getOwnPropertyDescriptors?Object.defineProperties(f,Object.getOwnPropertyDescriptors(m)):function(t){var e=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e.push.apply(e,r)}return e}(Object(m)).forEach((function(t){Object.defineProperty(f,t,Object.getOwnPropertyDescriptor(m,t))})),f;var f,m})).withConfig({displayName:"image.style__StyledImage",componentId:"sc-ef5b153d-0"})([""," "," "," "," ",""],r,o,n,(({position:t,top:r,right:o,bottom:n,left:i})=>e(["position:",";top:",";right:",";bottom:",";left:",";"],t,r,o,n,i)),(({as:t})=>"img"!==t&&e(["",""],i)));export{s as StyledImage};