"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});

const styleh_components_1 = require("styleh-components");

const Image_1 = require("../../atoms/Image");

const ImageGalleryWrapper = styleh_components_1.styled.div`
  position: relative;
  display: flex;
  flex-wrap: wrap;
  flex: 1;
`;
exports.ImageGalleryWrapper = ImageGalleryWrapper;
const FigureItem = styleh_components_1.styled.figure`
  position: relative;
  flex: 0 0 25%;
  padding: 10px;
  margin: 0;
  @tablet-or-smaller() {
    flex: 0 0 33.33%;
  }
  @phone-or-smaller() {
    flex: 0 0 50%;
  }
`;
exports.FigureItem = FigureItem;
const ImageWrapper = styleh_components_1.styled.div`
  position: relative;
  border: solid 1px #ccc;
  border-radius: 4px;
`;
exports.ImageWrapper = ImageWrapper;
const ImageItem = styleh_components_1.styled.withComponent(Image_1.Image)``;
exports.ImageItem = ImageItem; //# sourceMappingURL=styled.js.map