1import { useTheme } from "../common"
 2import { text_button } from "../component/text_button"
 3import { icon_button } from "../component/icon_button"
 4import { text } from "./components"
 5import { toggleable } from "../element"
 6
 7export default function contacts_panel(): any {
 8    const theme = useTheme()
 9
10    return {
11        button: text_button({}),
12        toggle: toggleable({
13            base: text_button({}),
14            state: {
15                active: {
16                    ...text_button({ color: "accent" }),
17                },
18            },
19        }),
20        disclosure: {
21            ...text(theme.lowest, "sans", "base"),
22            button: icon_button({ variant: "ghost" }),
23            spacing: 4,
24            padding: 4,
25        },
26    }
27}