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

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

var CalendarWeekdaysWrapper =
/*#__PURE__*/
_styled(Flex, {
  target: "e17bpugf0",
  label: "CalendarWeekdaysWrapper"
})("padding-bottom:", themeGet('space.2'), ";margin-top:", themeGet('space.5'), ";margin-bottom:", themeGet('space.3'), ";border-bottom:", themeGet('borders.1'), " ", themeGet('colors.greys.alto'), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9EYXRlUGlja2VyL2NvbXBvbmVudHMvQ2FsZW5kYXJXZWVrZGF5cy9DYWxlbmRhcldlZWtkYXlzLmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVE0QyIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi9zcmMvRGF0ZVBpY2tlci9jb21wb25lbnRzL0NhbGVuZGFyV2Vla2RheXMvQ2FsZW5kYXJXZWVrZGF5cy5qcyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHsgdGhlbWVHZXQgfSBmcm9tICdzdHlsZWQtc3lzdGVtJztcblxuaW1wb3J0IHsgRmxleCB9IGZyb20gJy4uLy4uLy4uLyc7XG5pbXBvcnQgQ2FsZW5kYXJXZWVrZGF5IGZyb20gJy4uL0NhbGVuZGFyV2Vla2RheSc7XG5cbmNvbnN0IENhbGVuZGFyV2Vla2RheXNXcmFwcGVyID0gc3R5bGVkKEZsZXgpYFxuICBwYWRkaW5nLWJvdHRvbTogJHt0aGVtZUdldCgnc3BhY2UuMicpfTtcbiAgbWFyZ2luLXRvcDogJHt0aGVtZUdldCgnc3BhY2UuNScpfTtcbiAgbWFyZ2luLWJvdHRvbTogJHt0aGVtZUdldCgnc3BhY2UuMycpfTtcbiAgYm9yZGVyLWJvdHRvbTogJHt0aGVtZUdldCgnYm9yZGVycy4xJyl9ICR7dGhlbWVHZXQoJ2NvbG9ycy5ncmV5cy5hbHRvJyl9O1xuYDtcblxuY29uc3QgQ2FsZW5kYXJXZWVrZGF5cyA9ICh7IHdlZWtkYXlOYW1lcywgbW9udGgsIHllYXIgfSkgPT4gKFxuICA8Q2FsZW5kYXJXZWVrZGF5c1dyYXBwZXI+XG4gICAge3dlZWtkYXlOYW1lcy5tYXAoKHdlZWtkYXksIGluZGV4KSA9PiAoXG4gICAgICA8Q2FsZW5kYXJXZWVrZGF5IGtleT17YCR7bW9udGh9JHt5ZWFyfSR7d2Vla2RheX0ke2luZGV4fWB9PiB7IC8qIGVzbGludC1kaXNhYmxlLWxpbmUgcmVhY3Qvbm8tYXJyYXktaW5kZXgta2V5ICovIH1cbiAgICAgICAge3dlZWtkYXl9XG4gICAgICA8L0NhbGVuZGFyV2Vla2RheT5cbiAgICApKX1cbiAgPC9DYWxlbmRhcldlZWtkYXlzV3JhcHBlcj5cbik7XG5cbkNhbGVuZGFyV2Vla2RheXMucHJvcFR5cGVzID0ge1xuICB3ZWVrZGF5TmFtZXM6IFByb3BUeXBlcy5hcnJheU9mKFByb3BUeXBlcy5zdHJpbmcpLmlzUmVxdWlyZWQsXG4gIG1vbnRoOiBQcm9wVHlwZXMubnVtYmVyLmlzUmVxdWlyZWQsXG4gIHllYXI6IFByb3BUeXBlcy5udW1iZXIuaXNSZXF1aXJlZCxcbn07XG5cbmV4cG9ydCBkZWZhdWx0IENhbGVuZGFyV2Vla2RheXM7XG4iXX0= */"));

var CalendarWeekdays = function CalendarWeekdays(_ref) {
  var weekdayNames = _ref.weekdayNames,
      month = _ref.month,
      year = _ref.year;
  return React.createElement(CalendarWeekdaysWrapper, null, weekdayNames.map(function (weekday, index) {
    return React.createElement(CalendarWeekday, {
      key: "".concat(month).concat(year).concat(weekday).concat(index)
    }, " ", weekday);
  }));
};

CalendarWeekdays.propTypes = {
  weekdayNames: PropTypes.arrayOf(PropTypes.string).isRequired,
  month: PropTypes.number.isRequired,
  year: PropTypes.number.isRequired
};
export default CalendarWeekdays;