{"size": 1574, "ext": "js", "max_stars_repo_path": "packages/core/calendar/dist/esm/components/Heading.js", "max_stars_repo_name": "rholang/archive-old", "max_stars_repo_stars_event_min_datetime": "2020-04-24T13:28:17.000Z", "max_stars_repo_stars_event_max_datetime": "2020-04-24T13:28:17.000Z", "max_issues_repo_path": "packages/core/calendar/dist/esm/components/Heading.js", "max_issues_repo_name": "rholang/archive-old", "max_issues_repo_issues_event_min_datetime": "2022-03-02T07:06:35.000Z", "max_issues_repo_issues_event_max_datetime": "2022-03-02T07:06:35.000Z", "max_forks_repo_path": "packages/core/calendar/dist/esm/components/Heading.js", "max_forks_repo_name": "rholang/archive-old", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": 1, "max_issues_count": 1, "max_forks_count": null, "avg_line_length": 78.7, "max_line_length": 153, "alphanum_fraction": 0.710292249}
import { __makeTemplateObject } from "tslib";
import ArrowleftIcon from '@atlaskit/icon/glyph/chevron-left-large';
import ArrowrightIcon from '@atlaskit/icon/glyph/chevron-right-large';
import { N70 } from '@atlaskit/theme/colors';
import React from 'react';
import styled from 'styled-components';
import Btn from './Btn';
import { Heading, MonthAndYear } from '../styled/Heading';
var ArrowLeft = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  margin-left: 8px;\n"], ["\n  margin-left: 8px;\n"])));
var ArrowRight = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  margin-right: 8px;\n"], ["\n  margin-right: 8px;\n"])));
export default (function (props) { return (React.createElement(Heading, { "aria-hidden": "true" },
    React.createElement(ArrowLeft, null,
        React.createElement(Btn, { onClick: props.handleClickPrev, testId: props.testId && props.testId + "--previous-month" },
            React.createElement(ArrowleftIcon, { label: "Last month", size: "medium", primaryColor: N70 }))),
    React.createElement(MonthAndYear, { "data-testid": props.testId && props.testId + "--current-month-year" }, props.monthLongTitle + " " + props.year),
    React.createElement(ArrowRight, null,
        React.createElement(Btn, { onClick: props.handleClickNext, testId: props.testId && props.testId + "--next-month" },
            React.createElement(ArrowrightIcon, { label: "Next month", size: "medium", primaryColor: N70 }))))); });
var templateObject_1, templateObject_2;
//# sourceMappingURL=Heading.js.map