@kubit-ui-web/react-components/dist/cjs/components/calendar/header/header.js

Kubit React Components is a customizable, accessible library of React web components, designed to enhance your application's user experience

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.Header = void 0;
const jsx_runtime_1 = require("react/jsx-runtime");
const text_1 = require("../../../components/text/text");
const component_1 = require("../../../components/text/types/component");
const provider_1 = require("../../../provider/utils/provider");
// styles
const header_styled_1 = require("./header.styled");
const Header = ({ formatWeekDayOption = 'narrow', isSundayFirst = false, ...props }) => {
    const { dateHelpers } = (0, provider_1.useUtilsProvider)();
    const buildDays = () => {
        return dateHelpers.getAllWeekdayName(formatWeekDayOption, isSundayFirst).map((day, index) => {
            return ((0, jsx_runtime_1.jsx)(header_styled_1.ElementStyled, { scope: "col", styles: props.styles, children: (0, jsx_runtime_1.jsx)(text_1.Text, { component: component_1.TextComponentType.SPAN, customTypography: props.styles?.weekDay, children: day }) }, day + index));
        });
    };
    return ((0, jsx_runtime_1.jsx)(header_styled_1.HeaderStyled, { styles: props.styles, children: (0, jsx_runtime_1.jsx)(header_styled_1.HeaderRowStyled, { styles: props.styles, children: buildDays() }) }));
};
exports.Header = Header;
//# sourceMappingURL=header.js.map