import { css } from '@emotion/react';
import { MediaSingleDimensionHelper } from '../MediaSingle/styled';

// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- Needs manual remediation
export const wrapperStyle = props => css`
  & > div {
    ${MediaSingleDimensionHelper(props)};
    position: relative;
    clear: both;

    > div {
      position: absolute;
      height: 100%;
      width: 100%;
    }
  }
`;