/
pras
/
Course-Catalog
Обзор
Документация
Войти
/
pras
/
Course-Catalog
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
Аналитика
Безопасность
main
src/components/CourseCard.jsx
34 строки
1007 B
Кирилл
first commit
02 июл 2026, 16:24
02 июл 2026, 16:24
85b3dcb
Код
Авторство
О чём код?
import React from 'react'; import './CourseCard.css'; function CourseCard(props) { const levelLabels = { beginner: 'Начинающий', middle: 'Средний', advanced: 'Продвинутый' }; return ( <div className="course-card"> <div className="card-header"> <h3 className="course-title">{props.title}</h3> <span className="course-rating">⭐ {props.rating.toFixed(1)}</span> </div> <p className="course-description">{props.description}</p> <div className="course-meta"> <span className="meta-tag">📚 {props.category}</span> <span className="meta-tag">{levelLabels[props.level]}</span> <span className="meta-tag">⏱ {props.duration}ч</span> </div> <div className="card-footer"> <span className="course-price">{props.price} ₽</span> <button className="enroll-btn">Записаться</button> </div> </div> ); } export default CourseCard;