burger-online

1
import React from 'react'
2
import {TOrderNumber} from '../../types'
3
import styles from './order-details.module.css'
4

5
const OrderDetails: React.FC<TOrderNumber> = ({number}) => {
6
  return (
7
    <div className={styles.details}>
8
      <div className={styles.box}></div>
9
      <p className={`text text_type_digits-large ${styles.number}`}>{number}</p>
10
      <p className='text text_type_main-medium'>идентификатор заказа</p>
11
      <img className={styles.img} src={'../../image/check-icon.svg'} alt='иконка-выполнения' />
12
      <p className={styles.info}>
13
        <span className='text text_type_main-default'>Ваш заказ начали готовить</span>
14
        <span className='text text_type_main-default text_color_inactive'>
15
          Дождитесь готовности на орбитальной станции
16
        </span>
17
      </p>
18
    </div>
19
  )
20
}
21

22
export default OrderDetails
23