Render Current Time

Below is an example that allows you to render your custom Current Time component using Planby's style components.

import {
  CurrentTimeIndicator,
  CurrentTimeBox,
  CurrentTimeContent,
} from "@nessprim/planby-pro";

export function CustomCurrentTime(props: CurrentTimeIndicator) {
  const { isVerticalMode, isRTL, isBaseTimeFormat } = props;
  const { time, styles } = props;

  return (
    <CurrentTimeBox {...styles.position}>
      <CurrentTimeContent
        isVerticalMode={isVerticalMode}
        isBaseTimeFormat={isBaseTimeFormat}
        isRTL={isRTL}
      >
        {time}
      </CurrentTimeContent>
    </CurrentTimeBox>
  );
}