import React from 'react';
import Emoji from '../../Content/Emoji';
import MarkdownPage from '../markdownPage';
import { getLanguage } from '../../Language/Language';
import { getString } from '../../Language/LanguageStrings'
import CollectionTable from './collectionTable';

const PlamoMain = () => {
    const language = getLanguage();

    return (
        <article className="main-page">
            <h1 className="text-primary">{getString('plamo')} <Emoji symbol="🛩️" /></h1>
            <MarkdownPage md={'Plamo/' + language + '/main.md'} />
            <hr/>
            <h2>{getString('collection')}</h2>
            <p>{getString('collection_text')}</p>
            <CollectionTable />
        </article>
    )
}

export default PlamoMain;