import { ReactNode } from "react";

import { IconLabel, IconLabelProps } from "..";
import Typography from "../Typography/Typography";

import styles from "./MetaLabel.module.scss";

type MetaLabelProps = {
  iconLabelProps: IconLabelProps;
  children: ReactNode;
};

export default function MetaLabel({
  iconLabelProps,
  children,
}: MetaLabelProps) {
  return (
    <div className={styles.metaLabel}>
      <IconLabel {...iconLabelProps} />
      <Typography color="secondary">•</Typography>
      <Typography color="secondary">{children}</Typography>
    </div>
  );
}
