@roo-ui/components
Version:
57 lines (42 loc) • 2 kB
JavaScript
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;
;