text: import React from 'react';
  import { Grommet, Box, Image, Anchor } from 'grommet';
  import { grommet } from 'grommet/themes';
  export var Fill = function Fill() {
    return /*#__PURE__*/ React.createElement(
      Grommet,
      {
        theme: grommet,
      },
      /*#__PURE__*/ React.createElement(
        Box,
        {
          align: 'start',
          gap: 'small',
        },
        /*#__PURE__*/ React.createElement(
          Box,
          {
            height: 'small',
            width: 'small',
            border: true,
          },
          /*#__PURE__*/ React.createElement(
            Anchor,
            {
              href: '#',
            },
            /*#__PURE__*/ React.createElement(Image, {
              fit: 'cover',
              fill: true,
              src: '//v2.grommet.io/assets/IMG_4245.jpg',
            }),
          ),
        ),
      ),
    );
  };
  export default {
    title: 'Media/Image/Fill',
  };
  