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

type EventExcerptProps = {
  children?: React.ReactNode
}

type RowProps = {
  label: string,
  children: React.ReactNode
}

export const EventExcerptRow = ({label, children}: RowProps) => {
  return (
    <div className={styles.row}>
      <div className={styles.col1}>
        {label}
      </div>
      <div>
        {children}
      </div>
    </div>
  )
}

export const EventExcerpt = ({ children }: EventExcerptProps) => {
  return (
    <div className={styles.container}>
      {children}
    </div>
  )
}