27 lines
No EOL
797 B
TypeScript
27 lines
No EOL
797 B
TypeScript
import React from 'react';
|
|
import styles from './SurveyPagesList.module.css';
|
|
import PageSurvey from "../PageSurvey/PageSurvey.tsx";
|
|
|
|
interface SurveyPagesListProps{
|
|
activePage: string;
|
|
onPageClick: (name: string) => void;
|
|
}
|
|
|
|
const SurveyPagesList: React.FC<SurveyPagesListProps> = ({activePage, onPageClick}) => {
|
|
const listPages: string[] = ['Создать опрос', 'Мои опросы']
|
|
|
|
return (
|
|
<ul className={styles.listSurveyPages}>
|
|
{listPages.map((page) => (
|
|
<PageSurvey
|
|
key={page}
|
|
name={page}
|
|
isActive={activePage === page}
|
|
onClick={() => onPageClick(page)}
|
|
/>
|
|
))}
|
|
</ul>
|
|
);
|
|
};
|
|
|
|
export default SurveyPagesList; |