import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { Box, Stack, styled, Typography } from '@mui/material';
const PREFIX = 'SCCalendar';
const classes = {
    root: `${PREFIX}-root`,
    header: `${PREFIX}-header`
};
const Root = styled(Stack, {
    name: PREFIX,
    slot: 'Root',
    overridesResolver: (_props, styles) => styles.root
})(() => ({}));
export default function Calendar(props) {
    const day = props.day;
    return (_jsxs(Root, Object.assign({ className: classes.root }, { children: [_jsx(Box, { className: classes.header }), _jsx(Typography, Object.assign({ variant: "h2", textAlign: "center" }, { children: day }))] })));
}
