@kubit-ui-web/react-components
Version:
Kubit React Components is a customizable, accessible library of React web components, designed to enhance your application's user experience
16 lines • 1.03 kB
JavaScript
import { jsx as _jsx } from "react/jsx-runtime";
import { Text } from '../../../components/text/text';
import { TextComponentType } from '../../../components/text/types/component';
import { useUtilsProvider } from '../../../provider/utils/provider';
// styles
import { ElementStyled, HeaderRowStyled, HeaderStyled } from './header.styled';
export const Header = ({ formatWeekDayOption = 'narrow', isSundayFirst = false, ...props }) => {
const { dateHelpers } = useUtilsProvider();
const buildDays = () => {
return dateHelpers.getAllWeekdayName(formatWeekDayOption, isSundayFirst).map((day, index) => {
return (_jsx(ElementStyled, { scope: "col", styles: props.styles, children: _jsx(Text, { component: TextComponentType.SPAN, customTypography: props.styles?.weekDay, children: day }) }, day + index));
});
};
return (_jsx(HeaderStyled, { styles: props.styles, children: _jsx(HeaderRowStyled, { styles: props.styles, children: buildDays() }) }));
};
//# sourceMappingURL=header.js.map