"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
const view_container_1 = require("view-container");
const Label_1 = __importDefault(require("atoms/Text/Label"));
const Link_1 = __importDefault(require("atoms/Link"));
const StyledButton = view_container_1.styled.button `
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  cursor: pointer;
`;
exports.StyledButton = StyledButton;
const LinkWrapper = view_container_1.styled.div ``;
exports.LinkWrapper = LinkWrapper;
const StyledLink = view_container_1.styled.withComponent(Link_1.default) `
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 10px;
  cursor: pointer;
  text-decoration: none;
  color: #2c2c2c;
`;
exports.StyledLink = StyledLink;
const ButtonIcon = view_container_1.styled.span `
  margin: 5px;
  ${props => props.orderArrange !== 'none' &&
    view_container_1.styled.css `
      order: ${props.orderArrange};
    `};
`;
exports.ButtonIcon = ButtonIcon;
const ButtonLabel = view_container_1.styled.withComponent(Label_1.default) `
  text-transform: uppercase;
  font-size: 16px;
  margin: 5px;
  cursor: pointer;
`;
exports.ButtonLabel = ButtonLabel;
//# sourceMappingURL=styled.js.map