Something went wrong. Try again.
a tool for shared writing and social publishing
Something went wrong. Try again.
966 B · 31 lines
TSX
1234567891011121314151617181920212223242526272829303132import { pickers } from "../ThemeSetter";import { TextPickers } from "../Pickers/PageThemePickers";import { Color } from "react-aria-components";
export const PagePickers = (props: { primary: Color; pageBackground: Color; setPrimary: (color: Color) => void; setPageBackground: (color: Color) => void; openPicker: pickers; setOpenPicker: (thisPicker: pickers) => void; hasPageBackground: boolean;}) => { return ( <div 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))]" style={{ backgroundColor: props.hasPageBackground ? "rgba(var(--bg-page), var(--bg-page-alpha))" : "transparent", }} > <TextPickers value={props.primary} setValue={props.setPrimary} openPicker={props.openPicker} setOpenPicker={props.setOpenPicker} /> </div> );};