1import { ColorScheme } from "../themes/common/colorScheme"
 2import { text, border } from "./components"
 3import editor from "./editor"
 4
 5export default function assistant(colorScheme: ColorScheme) {
 6    const layer = colorScheme.highest;
 7    return {
 8      container: {
 9        background: editor(colorScheme).background,
10        padding: { left: 12 }
11      },
12      header: {
13        border: border(layer, "default", { bottom: true, top: true }),
14        margin: { bottom: 6, top: 6 }
15      },
16      user_sender: {
17        ...text(layer, "sans", "default", { size: "sm", weight: "bold" }),
18      },
19      assistant_sender: {
20        ...text(layer, "sans", "accent", { size: "sm", weight: "bold" }),
21      },
22      sent_at: {
23        margin: { top: 2, left: 8 },
24        ...text(layer, "sans", "default", { size: "2xs" }),
25      }
26    }
27}