"use strict";

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

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

const PaginationWrapper = styleh_components_1.styled.div`display:flex;justify-content:center;align-items:center;`;
exports.PaginationWrapper = PaginationWrapper;
/**
 * @todo use button!!!
 */

const NextWrapper = styleh_components_1.styled.div`order:${props => props.isMobile ? 4 : 2};`;
exports.NextWrapper = NextWrapper;
const PreviousWrapper = styleh_components_1.styled.div`order:1;`;
exports.PreviousWrapper = PreviousWrapper;
const SelectBox = styleh_components_1.styled.div`font-family:'Roboto';display:inline-flex;justify-content:center;align-items:center;border:0px;padding:4px;`;
exports.SelectBox = SelectBox;
const TextWrapper = styleh_components_1.styled.div`order:3;display:inline-flex;justify-content:center;align-items:center;`;
exports.TextWrapper = TextWrapper;
/**
 * @todo use text from atoms
 */

const Text = styleh_components_1.styled.span`font-family:'Roboto';padding:5px;`;
exports.Text = Text;
const PreText = styleh_components_1.styled.span`font-family:'Roboto';padding:5px;order:1;margin-right:4px;`;
exports.PreText = PreText;
const PostText = styleh_components_1.styled.span`font-family:'Roboto';padding:5px;order:3;margin-left:4px;`;
exports.PostText = PostText;
const Select = styleh_components_1.styled.select`order:2;min-width:40px;font-size:16px;appearance:none;padding:4px;`;
exports.Select = Select; //# sourceMappingURL=styled.js.map