| 221 | } |
| 222 | |
| 223 | function computeTreeNodePaddingClass(depth: number) { |
| 224 | switch (depth) { |
| 225 | case 0: |
| 226 | return "ml-[4px] border-l border-slate-400/70"; |
| 227 | case 1: |
| 228 | return "ml-[calc(12px_+_4px)] border-l border-pink-400/70"; |
| 229 | case 2: |
| 230 | return "ml-[calc(12px_*_2_+_4px)] border-l border-blue-400/70"; |
| 231 | case 3: |
| 232 | return "ml-[calc(12px_*_3_+_4px)] border-l border-orange-400/70"; |
| 233 | case 4: |
| 234 | return "ml-[calc(12px_*_4_+_4px)] border-l border-emerald-400/70"; |
| 235 | case 5: |
| 236 | return "ml-[calc(12px_*_5_+_4px)] border-l border-pink-400/70"; |
| 237 | case 6: |
| 238 | return "ml-[calc(12px_*_6_+_4px)] border-l border-blue-400/70"; |
| 239 | case 7: |
| 240 | return "ml-[calc(12px_*_7_+_4px)] border-l border-orange-400/70"; |
| 241 | case 8: |
| 242 | return "ml-[calc(12px_*_8_+_4px)] border-l border-emerald-400/70"; |
| 243 | case 9: |
| 244 | return "ml-[calc(12px_*_9_+_4px)] border-l border-pink-400/70"; |
| 245 | case 10: |
| 246 | return "ml-[calc(12px_*_10_+_4px)] border-l border-orange-400/70"; |
| 247 | default: |
| 248 | return "ml-[calc(12px_*_11_+_4px)] border-l border-slate-400/70"; |
| 249 | } |
| 250 | } |