File size: 917 Bytes
cf86710 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 | import style from "!raw-loader!react-day-picker/src/style.css";
import { useColorMode } from "@docusaurus/theme-common";
import root from "react-shadow";
export function ShadowDomWrapper({
children,
styleStr,
}: {
children: React.ReactNode;
styleStr: string | undefined;
}) {
const { colorMode } = useColorMode();
return (
<root.div>
{children}
<style>{style.toString()}</style>
<style>{`
.rdp-root {
--rdp-accent-color: var(--ifm-color-primary);
}
`}</style>
{colorMode === "dark" && (
<style>{`
.rdp-root {
--rdp-accent-color: var(--ifm-color-primary);
--rdp-accent-background-color: #073845;
--rdp-range_end-color: black;
--rdp-range_start-color: black;
}
`}</style>
)}
{styleStr && <style>{styleStr}</style>}
</root.div>
);
}
|