style.js

export const defaultStyle = {
  fontFamily: "monospace, sans-serif",
  textAlign: "center"
};
export const rowStyle = {
  padding: 5,
  wordBreak: "break-all",
  display: "inline-block"
};
export const headerStyle = {
  ...rowStyle,
  fontStyle: "italic",
  cursor: "pointer"
};
export const arrayItemStyle = {
  padding: 3,
  margin: 2,
  border: "1px solid darkgray",
  display: "inline-block",
  fontSize: 14,
  color: "black",
  borderRadius: 5
};
export const buttonStyle = {
  fontFamily: "monospace, sans-serif",
  backgroundColor: "white",
  margin: 10,
  padding: 7,
  color: "#F15D24",
  border: "1px solid #F15D24",
  cursor: "pointer",
  borderRadius: 6
};