import { View } from 'react-native';
import { useStyles } from './styles';
import { useAmityElement } from '../../hooks';
import { ComponentID, ElementID, PageID } from '../../enums';
import { Typography } from '../../../core/components/Typography/Typography';
function LiveTimerStatus({
  time,
  pageId = PageID.WildCardPage,
  componentId = ComponentID.WildCardComponent
}) {
  const elementId = ElementID.live_timer_status;
  const {
    themeStyles
  } = useAmityElement({
    pageId,
    componentId,
    elementId
  });
  const styles = useStyles(themeStyles);
  return /*#__PURE__*/React.createElement(View, {
    style: styles.container
  }, /*#__PURE__*/React.createElement(Typography.CaptionBold, {
    style: styles.label
  }, "LIVE", time ? ` ${time}` : ''));
}
export default LiveTimerStatus;
//# sourceMappingURL=LiveTimerStatus.js.map