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