hedgedoc/src/components/editor-page/sidebar/users-online-sidebar-menu/active-indicator.tsx

/*
 * SPDX-FileCopyrightText: 2021 The HedgeDoc developers (see AUTHORS file)
 *
 * SPDX-License-Identifier: AGPL-3.0-only
 */

import React from 'react'
import './active-indicator.scss'

export enum ActiveIndicatorStatus {
  ACTIVE = 'active',
  INACTIVE = 'inactive'
}

export interface ActiveIndicatorProps {
  status: ActiveIndicatorStatus;
}

export const ActiveIndicator: React.FC<ActiveIndicatorProps> = ({ status }) => {
  return (
    <span className={`activeIndicator ${status}`}/>
  )
}