maccounter

1
import { space } from '@assets/symbols'
2
import React from 'react'
3

4
// import styles from './Greeting.module.css'
5

6
export interface GreetingProps {
7
    userName: string
8
    timePeriod: string
9
}
10

11
const Greeting: React.FC<GreetingProps> = ({ userName, timePeriod }) => (
12
    <div className="txt--title-small">
13
        <p>
14
            Good
15
            {space}
16
            {timePeriod}
17
            ,
18
            {space}
19
            <span>{userName}</span>
20
            !
21
        </p>
22
    </div>
23
)
24

25
export default Greeting
26