design SelectionIndicator.tsx

75% Statements 3/4

50% Branches 3/6

100% Functions 1/1

66.66% Lines 2/3

Press n or j to go to the next uncovered block, b, p or k for the previous block.


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24  
 
 
 
 
 
 
 
 
 
 
3x
3x
 
 
 
 
 
 
 
 
 
 
  /**
 * SelectionIndicator — highlighted border overlay for the selected element.
 */
import {useDesignMode} from './useDesignMode.js';
 
interface ISelectionIndicatorProps {
    id: string;
    label?: string;
}
 
export function SelectionIndicator({id, label}: ISelectionIndicatorProps) {
    const {active, selected} = useDesignMode();
    Eif (!active || selected?.id !== id) return null;
 
    return (
        <div
            className="blong-selection-indicator"
            aria-hidden
        >
            {label && <span className="blong-selection-indicator__badge">{label}</span>}
        </div>
    );
}