src/components/L2/LayerIndicator.tsx · bridge

on df0c310 help sign in

bridge/src/components/L2/LayerIndicator.tsx

26 lines 551 B history raw

1import React from 'react';

2import { Box } from '@tlon/indigo-react';

4import './LayerIndicator.scss';

6export interface LayerIndicatorProps {

7 layer: 1 | 2;

8 size?: 'sm' | 'smt' | 'md' | 'lg';

9 className?: string;

10 selected?: boolean;

13const LayerIndicator = ({

14 layer,

15 size = 'md',

16 className = '',

17 selected = false,

18}: LayerIndicatorProps) => {

19 const classes = `layer-indicator ${size} l${layer} ${className} ${

20 selected ? 'selected' : ''

21 }`;

23 return <Box className={classes}>L{layer}</Box>;

26export default LayerIndicator;