1import { ColorScheme } from "../themes/common/colorScheme";
 2import { background, border, text } from "./components";
 3
 4export default function feedback(colorScheme: ColorScheme) {
 5  let layer = colorScheme.middle;
 6  return {
 7    feedbackEditor: {
 8      background: background(layer, "on"),
 9      cornerRadius: 6,
10      text: text(layer, "mono", "on"),
11      placeholderText: text(layer, "mono", "on", "disabled", { size: "xs" }),
12      selection: colorScheme.players[0],
13      border: border(layer, "on"),
14      padding: {
15        bottom: 4,
16        left: 8,
17        right: 8,
18        top: 4,
19      },
20      margin: {
21        left: 6,
22      }
23    },
24    feedbackPopover: {
25      background: background(layer),
26      cornerRadius: 6,
27      padding: { top: 6 },
28      margin: { top: -6 },
29      shadow: colorScheme.popoverShadow,
30      border: border(layer),
31      width: 500,
32      height: 400
33    }
34  }
35}