import { Markdown } from './Markdown.jsx'

export const Problem = ({ id, content }) => {
    return (
        <div class="problem">
            <div class="problem-header">
                <div class="problem-title">
                    <a href={`/problem/${id}`}>Problema {id}</a>
                </div>
            </div>
            <div class="problem-content">
                <Markdown source={content} />
            </div>
        </div>
    )
}