"use strict";

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

const tslib_1 = require("tslib");

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

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

const MaterialIcon_1 = require("../MaterialIcon");

const StyledIcon = styleh_components_1.styled(MaterialIcon_1.MaterialIcon)``;
exports.StyledIcon = StyledIcon;
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:var(--color-black);`;
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 ButtonText = styleh_components_1.styled.span`text-transform:uppercase;font-size:16px;margin:5px;cursor:pointer;`;
exports.ButtonText = ButtonText; //# sourceMappingURL=styled.js.map