@codecademy/gamut
68.2.268.2.3-alpha.794432.0
dist/DatePicker/Calendar/CalendarWrapper.js+
dist/DatePicker/Calendar/CalendarWrapper.jsNew file+27
Index: package/dist/DatePicker/Calendar/CalendarWrapper.js
===================================================================
--- package/dist/DatePicker/Calendar/CalendarWrapper.js
+++ package/dist/DatePicker/Calendar/CalendarWrapper.js
@@ -0,0 +1,27 @@
+import { CheckerDense } from '@codecademy/gamut-patterns';
+import * as React from 'react';
+import { Box } from '../../Box';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Outer wrapper for the calendar (header + body + footer).
+ * Used by DatePickerCalendar to group the calendar content.
+ * Renders a CheckerDense pattern shadow at offset left 8, top 8.
+ */
+export const CalendarWrapper = ({
+ children
+}) => /*#__PURE__*/_jsxs(Box, {
+ position: "relative",
+ width: "max-content",
+ children: [/*#__PURE__*/_jsx(CheckerDense, {
+ left: 8,
+ position: "absolute",
+ top: 8
+ }), /*#__PURE__*/_jsx(Box, {
+ bg: "background",
+ border: 1,
+ borderRadius: "sm",
+ position: "relative",
+ zIndex: 1,
+ children: children
+ })]
+});
\ No newline at end of file