Medplum

// SPDX-FileCopyrightText: Copyright Orangebot, Inc. and Medplum contributors
// SPDX-License-Identifier: Apache-2.0
import { ScrollArea } from '@mantine/core';
import type { JSX, ReactNode } from 'react';
import classes from './InfoBar.module.css';

export interface InfoBarProps {
  readonly children: ReactNode;
}

export function InfoBar(props: InfoBarProps): JSX.Element {
  return (
    <ScrollArea>
      <div className={classes.root}>{props.children}</div>
    </ScrollArea>
  );
}

export interface InfoBarEntryProps {
  readonly children: ReactNode;
}

InfoBar.Entry = function InfoBarEntry(props: InfoBarEntryProps): JSX.Element {
  return <div className={classes.entry}>{props.children}</div>;
};

export interface InfoBarKeyProps {
  readonly children: ReactNode;
}

InfoBar.Key = function InfoBarEntry(props: InfoBarKeyProps): JSX.Element {
  return <div className={classes.key}>{props.children}</div>;
};

export interface InfoBarValueProps {
  readonly children: ReactNode;
}

InfoBar.Value = function InfoBarEntry(props: InfoBarValueProps): JSX.Element {
  return <div className={classes.value}>{props.children}</div>;
};