@roo-ui/components/dist/esm/DatePicker/components/CalendarNav/CalendarNav.js

import _styled from "@emotion/styled-base";
import React from 'react';
import PropTypes from 'prop-types';
import { themeGet } from 'styled-system';
import { Flex, NakedButton, Icon } from '../../../';

var Wrapper =
/*#__PURE__*/
_styled(Flex, {
  target: "e51kc0a0",
  label: "Wrapper"
})("width:100%;position:absolute;justify-content:space-between;padding:0 ", themeGet('space.4'), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9EYXRlUGlja2VyL2NvbXBvbmVudHMvQ2FsZW5kYXJOYXYvQ2FsZW5kYXJOYXYuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBTzRCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uL3NyYy9EYXRlUGlja2VyL2NvbXBvbmVudHMvQ2FsZW5kYXJOYXYvQ2FsZW5kYXJOYXYuanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCB7IHRoZW1lR2V0IH0gZnJvbSAnc3R5bGVkLXN5c3RlbSc7XG5cbmltcG9ydCB7IEZsZXgsIE5ha2VkQnV0dG9uLCBJY29uIH0gZnJvbSAnLi4vLi4vLi4vJztcblxuY29uc3QgV3JhcHBlciA9IHN0eWxlZChGbGV4KWBcbiAgd2lkdGg6IDEwMCU7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICBwYWRkaW5nOiAwICR7dGhlbWVHZXQoJ3NwYWNlLjQnKX07XG5gO1xuXG5jb25zdCBCdXR0b24gPSBzdHlsZWQoTmFrZWRCdXR0b24pYFxuICBib3JkZXItcmFkaXVzOiAke3RoZW1lR2V0KCdyYWRpaS5yb3VuZGVkJyl9O1xuICBiYWNrZ3JvdW5kOiAke3RoZW1lR2V0KCdjb2xvcnMud2hpdGUnKX07XG4gIGNvbG9yOiAke3RoZW1lR2V0KCdjb2xvcnMuZ3JleXMuc3RlZWwnKX07XG4gIGJveC1zaGFkb3c6ICR7dGhlbWVHZXQoJ3NoYWRvd3MuZGVmYXVsdCcpfTtcblxuICAmOmhvdmVyLFxuICAmOmZvY3VzIHtcbiAgICBvdXRsaW5lOiBub25lO1xuICAgIGNvbG9yOiAke3RoZW1lR2V0KCdjb2xvcnMuYnJhbmQucHJpbWFyeScpfTtcbiAgfVxuXG4gICY6ZGlzYWJsZWQge1xuICAgIGN1cnNvcjogbm90LWFsbG93ZWQ7XG4gICAgYm94LXNoYWRvdzogbm9uZTtcbiAgICBjb2xvcjogJHt0aGVtZUdldCgnY29sb3JzLmdyZXlzLmFsdG8nKX07XG4gIH1cbmA7XG5cbkJ1dHRvbi5kaXNwbGF5TmFtZSA9ICdCdXR0b24nO1xuXG5jb25zdCBDYWxlbmRhck5hdiA9ICh7IHByZXZQcm9wcywgbmV4dFByb3BzIH0pID0+IChcbiAgPFdyYXBwZXI+XG4gICAgPEJ1dHRvbiB7Li4ucHJldlByb3BzfT5cbiAgICAgIDxJY29uIG5hbWU9XCJjaGV2cm9uTGVmdFwiIC8+XG4gICAgPC9CdXR0b24+XG5cbiAgICA8QnV0dG9uIHsuLi5uZXh0UHJvcHN9PlxuICAgICAgPEljb24gbmFtZT1cImNoZXZyb25SaWdodFwiIC8+XG4gICAgPC9CdXR0b24+XG4gIDwvV3JhcHBlcj5cbik7XG5cbkNhbGVuZGFyTmF2LnByb3BUeXBlcyA9IHtcbiAgcHJldlByb3BzOiBQcm9wVHlwZXMuc2hhcGUoKS5pc1JlcXVpcmVkLFxuICBuZXh0UHJvcHM6IFByb3BUeXBlcy5zaGFwZSgpLmlzUmVxdWlyZWQsXG59O1xuXG5leHBvcnQgZGVmYXVsdCBDYWxlbmRhck5hdjtcbiJdfQ== */"));

var Button =
/*#__PURE__*/
_styled(NakedButton, {
  target: "e51kc0a1",
  label: "Button"
})("border-radius:", themeGet('radii.rounded'), ";background:", themeGet('colors.white'), ";color:", themeGet('colors.greys.steel'), ";box-shadow:", themeGet('shadows.default'), ";&:hover,&:focus{outline:none;color:", themeGet('colors.brand.primary'), ";}&:disabled{cursor:not-allowed;box-shadow:none;color:", themeGet('colors.greys.alto'), ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9EYXRlUGlja2VyL2NvbXBvbmVudHMvQ2FsZW5kYXJOYXYvQ2FsZW5kYXJOYXYuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBY2tDIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uL3NyYy9EYXRlUGlja2VyL2NvbXBvbmVudHMvQ2FsZW5kYXJOYXYvQ2FsZW5kYXJOYXYuanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCB7IHRoZW1lR2V0IH0gZnJvbSAnc3R5bGVkLXN5c3RlbSc7XG5cbmltcG9ydCB7IEZsZXgsIE5ha2VkQnV0dG9uLCBJY29uIH0gZnJvbSAnLi4vLi4vLi4vJztcblxuY29uc3QgV3JhcHBlciA9IHN0eWxlZChGbGV4KWBcbiAgd2lkdGg6IDEwMCU7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICBwYWRkaW5nOiAwICR7dGhlbWVHZXQoJ3NwYWNlLjQnKX07XG5gO1xuXG5jb25zdCBCdXR0b24gPSBzdHlsZWQoTmFrZWRCdXR0b24pYFxuICBib3JkZXItcmFkaXVzOiAke3RoZW1lR2V0KCdyYWRpaS5yb3VuZGVkJyl9O1xuICBiYWNrZ3JvdW5kOiAke3RoZW1lR2V0KCdjb2xvcnMud2hpdGUnKX07XG4gIGNvbG9yOiAke3RoZW1lR2V0KCdjb2xvcnMuZ3JleXMuc3RlZWwnKX07XG4gIGJveC1zaGFkb3c6ICR7dGhlbWVHZXQoJ3NoYWRvd3MuZGVmYXVsdCcpfTtcblxuICAmOmhvdmVyLFxuICAmOmZvY3VzIHtcbiAgICBvdXRsaW5lOiBub25lO1xuICAgIGNvbG9yOiAke3RoZW1lR2V0KCdjb2xvcnMuYnJhbmQucHJpbWFyeScpfTtcbiAgfVxuXG4gICY6ZGlzYWJsZWQge1xuICAgIGN1cnNvcjogbm90LWFsbG93ZWQ7XG4gICAgYm94LXNoYWRvdzogbm9uZTtcbiAgICBjb2xvcjogJHt0aGVtZUdldCgnY29sb3JzLmdyZXlzLmFsdG8nKX07XG4gIH1cbmA7XG5cbkJ1dHRvbi5kaXNwbGF5TmFtZSA9ICdCdXR0b24nO1xuXG5jb25zdCBDYWxlbmRhck5hdiA9ICh7IHByZXZQcm9wcywgbmV4dFByb3BzIH0pID0+IChcbiAgPFdyYXBwZXI+XG4gICAgPEJ1dHRvbiB7Li4ucHJldlByb3BzfT5cbiAgICAgIDxJY29uIG5hbWU9XCJjaGV2cm9uTGVmdFwiIC8+XG4gICAgPC9CdXR0b24+XG5cbiAgICA8QnV0dG9uIHsuLi5uZXh0UHJvcHN9PlxuICAgICAgPEljb24gbmFtZT1cImNoZXZyb25SaWdodFwiIC8+XG4gICAgPC9CdXR0b24+XG4gIDwvV3JhcHBlcj5cbik7XG5cbkNhbGVuZGFyTmF2LnByb3BUeXBlcyA9IHtcbiAgcHJldlByb3BzOiBQcm9wVHlwZXMuc2hhcGUoKS5pc1JlcXVpcmVkLFxuICBuZXh0UHJvcHM6IFByb3BUeXBlcy5zaGFwZSgpLmlzUmVxdWlyZWQsXG59O1xuXG5leHBvcnQgZGVmYXVsdCBDYWxlbmRhck5hdjtcbiJdfQ== */"));

Button.displayName = 'Button';

var CalendarNav = function CalendarNav(_ref) {
  var prevProps = _ref.prevProps,
      nextProps = _ref.nextProps;
  return React.createElement(Wrapper, null, React.createElement(Button, prevProps, React.createElement(Icon, {
    name: "chevronLeft"
  })), React.createElement(Button, nextProps, React.createElement(Icon, {
    name: "chevronRight"
  })));
};

CalendarNav.propTypes = {
  prevProps: PropTypes.shape().isRequired,
  nextProps: PropTypes.shape().isRequired
};
export default CalendarNav;