UNPKG

@roo-ui/components

Version:

57 lines (42 loc) 2 kB
'use strict'; Object.defineProperty(exports, "__esModule", { value: true }); var _react = require('react'); var _react2 = _interopRequireDefault(_react); var _styledComponents = require('styled-components'); var _styledComponents2 = _interopRequireDefault(_styledComponents); var _propTypes = require('prop-types'); var _propTypes2 = _interopRequireDefault(_propTypes); var _styledSystem = require('styled-system'); var _ = require('../../../'); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } var Wrapper = (0, _styledComponents2.default)(_.Flex).withConfig({ displayName: 'CalendarNav__Wrapper' })(['width:100%;position:absolute;justify-content:space-between;padding:0 ', ';'], (0, _styledSystem.themeGet)('space.4')); var Button = (0, _styledComponents2.default)(_.NakedButton).withConfig({ displayName: 'CalendarNav__Button' })(['border-radius:', ';background:', ';color:', ';box-shadow:', ';&:hover,&:focus{outline:none;color:', ';}&:disabled{cursor:not-allowed;box-shadow:none;color:', ';}'], (0, _styledSystem.themeGet)('radii.rounded'), (0, _styledSystem.themeGet)('colors.white'), (0, _styledSystem.themeGet)('colors.greys.steel'), (0, _styledSystem.themeGet)('shadows.default'), (0, _styledSystem.themeGet)('colors.brand.primary'), (0, _styledSystem.themeGet)('colors.greys.alto')); var CalendarNav = function CalendarNav(_ref) { var prevProps = _ref.prevProps, nextProps = _ref.nextProps; return _react2.default.createElement( Wrapper, null, _react2.default.createElement( Button, prevProps, _react2.default.createElement(_.Icon, { name: 'chevronLeft' }) ), _react2.default.createElement( Button, nextProps, _react2.default.createElement(_.Icon, { name: 'chevronRight' }) ) ); }; CalendarNav.propTypes = { prevProps: _propTypes2.default.shape().isRequired, nextProps: _propTypes2.default.shape().isRequired }; exports.default = CalendarNav;