"use strict";

var __importDefault = this && this.__importDefault || function (mod) {
  return mod && mod.__esModule ? mod : {
    "default": mod
  };
};

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

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

const Label_1 = __importDefault(require("../Text/Label"));

const Link_1 = __importDefault(require("../Link"));

const StyledButton = styleh_components_1.styled.button`
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  cursor: pointer;
`;
exports.StyledButton = StyledButton;
const LinkWrapper = styleh_components_1.styled.div``;
exports.LinkWrapper = LinkWrapper;
const StyledLink = styleh_components_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 = styleh_components_1.styled.span`
  margin: 5px;
  ${props => props.orderArrange !== 'none' && styleh_components_1.styled.css`
      order: ${props.orderArrange};
    `};
`;
exports.ButtonIcon = ButtonIcon;
const ButtonLabel = styleh_components_1.styled.withComponent(Label_1.default)`
  text-transform: uppercase;
  font-size: 16px;
  margin: 5px;
  cursor: pointer;
`;
exports.ButtonLabel = ButtonLabel; //# sourceMappingURL=styled.js.map