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

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

export function WhatIsAWallet() {
  return (
    <div className={styles.container}>
      <Heading as="h2">What is a Wallet</Heading>
      <div className={styles.content}>
        <InfoSection title="Easy Login">
          No need to create new accounts and passwords for every website. Just connect your wallet
          and get going.
        </InfoSection>
        <InfoSection title="Store your Digital Assets">
          Send, receive, store, and display your digital assets like NFTs & coins.
        </InfoSection>
      </div>
    </div>
  )
}