// Jest Snapshot v1, https://goo.gl/fbAQLP

exports[`GalleryCardComponent renders 1`] = `
<StyledDocumentCardBase
  aria-label="name"
  styles={
    {
      "root": {
        "display": "inline-block",
        "marginRight": 20,
        "width": 256,
      },
    }
  }
>
  <StyledDocumentCardActivityBase
    activity="Invalid Date"
    people={
      [
        {
          "name": "author",
          "profileImageSrc": false,
        },
      ]
    }
  />
  <StyledDocumentCardPreviewBase
    previewImages={
      [
        {
          "height": 144,
          "imageFit": 2,
          "previewImageSrc": "thumbnailUrl",
          "width": 256,
        },
      ]
    }
  />
  <StyledDocumentCardDetailsBase>
    <Text
      nowrap={true}
      styles={
        {
          "root": {
            "height": 18,
            "padding": "2px 16px",
          },
        }
      }
      variant="small"
    >
      <span
        key="tag"
      >
        <StyledLinkBase
          onClick={[Function]}
        >
          tag
        </StyledLinkBase>
      </span>
    </Text>
    <StyledDocumentCardTitleBase
      shouldTruncate={true}
      title="name"
    />
    <StyledDocumentCardTitleBase
      showAsSecondaryTitle={true}
      title="description"
    />
    <span
      style={
        {
          "padding": "8px 16px",
        }
      }
    >
      <Text
        styles={
          {
            "root": {
              "color": "#605E5C",
              "paddingRight": 8,
            },
          }
        }
        variant="tiny"
      >
        <Icon
          iconName="RedEye"
          styles={
            {
              "root": {
                "verticalAlign": "middle",
              },
            }
          }
        />
         
        0
      </Text>
      <Text
        styles={
          {
            "root": {
              "color": "#605E5C",
              "paddingRight": 8,
            },
          }
        }
        variant="tiny"
      >
        <Icon
          iconName="Download"
          styles={
            {
              "root": {
                "verticalAlign": "middle",
              },
            }
          }
        />
         
        0
      </Text>
      <Text
        styles={
          {
            "root": {
              "color": "#605E5C",
              "paddingRight": 8,
            },
          }
        }
        variant="tiny"
      >
        <Icon
          iconName="Heart"
          styles={
            {
              "root": {
                "verticalAlign": "middle",
              },
            }
          }
        />
         
        0
      </Text>
    </span>
  </StyledDocumentCardDetailsBase>
  <StyledDocumentCardDetailsBase>
    <Separator
      styles={
        {
          "root": {
            "height": 1,
            "padding": 0,
          },
        }
      }
    />
    <span
      style={
        {
          "padding": "0px 16px",
        }
      }
    >
      <StyledTooltipHostBase
        calloutProps={
          {
            "gapSpace": 0,
          }
        }
        content="Favorite"
        id="TooltipHost-IconButton-Heart"
        styles={
          {
            "root": {
              "display": "inline-block",
              "float": "left",
            },
          }
        }
      >
        <CustomizedIconButton
          ariaLabel="Favorite"
          iconProps={
            {
              "iconName": "Heart",
            }
          }
          onClick={[Function]}
          title="Favorite"
        />
      </StyledTooltipHostBase>
      <StyledTooltipHostBase
        calloutProps={
          {
            "gapSpace": 0,
          }
        }
        content="Download"
        id="TooltipHost-IconButton-Download"
        styles={
          {
            "root": {
              "display": "inline-block",
              "float": "left",
            },
          }
        }
      >
        <CustomizedIconButton
          ariaLabel="Download"
          iconProps={
            {
              "iconName": "Download",
            }
          }
          onClick={[Function]}
          title="Download"
        />
      </StyledTooltipHostBase>
      <StyledTooltipHostBase
        calloutProps={
          {
            "gapSpace": 0,
          }
        }
        content="Remove"
        id="TooltipHost-IconButton-Delete"
        styles={
          {
            "root": {
              "display": "inline-block",
              "float": "right",
            },
          }
        }
      >
        <CustomizedIconButton
          ariaLabel="Remove"
          iconProps={
            {
              "iconName": "Delete",
            }
          }
          onClick={[Function]}
          title="Remove"
        />
      </StyledTooltipHostBase>
    </span>
  </StyledDocumentCardDetailsBase>
</StyledDocumentCardBase>
`;
