@equinor/eds-core-react/dist/esm/components/Card/CardMedia.js

The React implementation of the Equinor Design System

import { forwardRef } from 'react';
import styled, { css } from 'styled-components';
import { primary } from './Card.tokens.js';
import { jsx } from 'react/jsx-runtime';

const {
  spacings,
  border
} = primary;
const StyledCardMedia = styled.div.withConfig({
  displayName: "CardMedia__StyledCardMedia",
  componentId: "sc-kr8q9c-0"
})(["display:flex;width:auto;", ""], ({
  $fullWidth
}) => $fullWidth ? css(["> *{width:100%;}&:first-child{img{border-top-right-radius:", ";border-top-left-radius:", ";}}&:last-child{img{border-bottom-right-radius:", ";border-bottom-left-radius:", ";}}"], border.type === 'border' && border.radius, border.type === 'border' && border.radius, border.type === 'border' && border.radius, border.type === 'border' && border.radius) : css(["padding:0 ", " 0 ", ";&:first-child{padding:", " ", " 0 ", ";}&:last-child{padding:0 ", " ", " ", ";}> *{width:100%;}"], spacings.right, spacings.left, spacings.top, spacings.right, spacings.left, spacings.right, spacings.bottom, spacings.left));
const CardMedia = /*#__PURE__*/forwardRef(function CardMedia({
  children,
  fullWidth = false,
  ...rest
}, ref) {
  const props = {
    ...rest,
    ref,
    $fullWidth: fullWidth
  };
  return /*#__PURE__*/jsx(StyledCardMedia, {
    ...props,
    children: children
  });
});

export { CardMedia };