leaflet.pub
a tool for shared writing and social publishing
awarm.space
1import { pickers } from "../ThemeSetter";
2import { TextPickers } from "../Pickers/PageThemePickers";
3import { Color } from "react-aria-components";
4
5export const PagePickers = (props: {
6 primary: Color;
7 pageBackground: Color;
8 setPrimary: (color: Color) => void;
9 setPageBackground: (color: Color) => void;
10 openPicker: pickers;
11 setOpenPicker: (thisPicker: pickers) => void;
12 hasPageBackground: boolean;
13}) => {
14 return (
15 <div
16 className="themeLeafletControls text-primary flex flex-col gap-2 h-full bg-bg-page p-2 rounded-md border border-primary shadow-[0_0_0_1px_rgb(var(--bg-page))]"
17 style={{
18 backgroundColor: props.hasPageBackground
19 ? "rgba(var(--bg-page), var(--bg-page-alpha))"
20 : "transparent",
21 }}
22 >
23 <TextPickers
24 value={props.primary}
25 setValue={props.setPrimary}
26 openPicker={props.openPicker}
27 setOpenPicker={props.setOpenPicker}
28 />
29 </div>
30 );
31};