code: function triangleForSide(side) {
    if (side === 'left') {
      return css`
        top: calc(50% - 10px);
        left: -10px;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        border-right: 10px solid #333;
      `;
    }
    if (side === 'top') {
      return css`
        top: -10px;
        left: calc(50% - 10px);
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid #333;
      `;
    }
    if (side === 'bottom') {
      return css`
        bottom: -10px;
        left: calc(50% - 10px);
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 10px solid #333;
      `;
    }
    if (side === 'right') {
      return css`
        top: calc(50% - 10px);
        right: -10px;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        border-left: 10px solid #333;
      `;
    }
  }
docs: THIS FILE IS AN ABSOLUTE MESS IM TOO TIRED TO FIX IT :)