"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
const view_container_1 = require("view-container");
const Text_1 = require("atoms/Text");
const SpanElement = Text_1.LabelElement.withComponent('span');
const Name = view_container_1.styled.withComponent(SpanElement) `
  flex: 0 0 100%;
  margin-right: rem(6);
`;
exports.Name = Name;
const AddressLine1 = view_container_1.styled.withComponent(SpanElement) `
  flex: 0 0 100%;
  margin-right: rem(6);
`;
exports.AddressLine1 = AddressLine1;
const AddressLine2 = view_container_1.styled.withComponent(SpanElement) `
  flex: 0 0 100%;
  margin-right: rem(6);
`;
exports.AddressLine2 = AddressLine2;
const City = view_container_1.styled.withComponent(SpanElement) `
  margin-right: rem(6);
`;
exports.City = City;
const Country = view_container_1.styled.withComponent(SpanElement) `
  flex: 0 0 100%;
  margin-right: rem(6);
`;
exports.Country = Country;
const State = view_container_1.styled.withComponent(SpanElement) `
  margin-right: rem(6);
`;
exports.State = State;
const Zipcode = view_container_1.styled.withComponent(SpanElement) `
  margin-right: rem(6);
`;
exports.Zipcode = Zipcode;
const AddressWrapper = view_container_1.styled.div `
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
`;
exports.AddressWrapper = AddressWrapper;
//# sourceMappingURL=styled.js.map