()
| 62 | wide?: boolean |
| 63 | }) { |
| 64 | const content = () => ( |
| 65 | <div |
| 66 | classList={{ |
| 67 | "flex min-w-0 items-center": true, |
| 68 | "min-h-[20px] w-fit flex-row justify-start gap-1.5 px-1.5 py-0.5 text-left": !!props.inline, |
| 69 | "justify-center text-center": !props.inline, |
| 70 | "min-h-[42px] w-full flex-col rounded-[8px] px-0.5 py-1": !props.inline, |
| 71 | "col-span-2": !!props.wide && !props.inline, |
| 72 | }} |
| 73 | > |
| 74 | <div |
| 75 | classList={{ |
| 76 | "text-[10px] leading-none font-black uppercase tracking-[0.04em] opacity-70": true, |
| 77 | }} |
| 78 | > |
| 79 | {props.label} |
| 80 | </div> |
| 81 | <div |
| 82 | classList={{ |
| 83 | "uppercase leading-none font-bold tabular-nums": true, |
| 84 | "text-[11px]": !!props.inline, |
| 85 | "text-[13px] sm:text-[14px]": !props.inline, |
| 86 | "text-text-on-critical-base": !!props.bad, |
| 87 | "opacity-70": !!props.dim, |
| 88 | }} |
| 89 | > |
| 90 | {props.value} |
| 91 | </div> |
| 92 | </div> |
| 93 | ) |
| 94 | |
| 95 | if (props.inline) { |
| 96 | return ( |
no outgoing calls
no test coverage detected