// Copyright (c) RoochNetwork
// SPDX-License-Identifier: Apache-2.0

import { Heading } from '../ui/Heading.js'
import { Text } from '../ui/Text.js'
import * as styles from './InfoSection.css.js'

type InfoSectionProps = {
  title: string
  children: string
}

export function InfoSection({ title, children }: InfoSectionProps) {
  return (
    <section className={styles.container}>
      <Heading as="h3" size="sm" weight="normal">
        {title}
      </Heading>
      <Text weight="medium" color="muted">
        {children}
      </Text>
    </section>
  )
}