project-codepen/src/helpers/SelectMode.js

const types = {
	html: "html",
	css: "css",
	javascript: "javascript",
	java: "java",
	python: "python",
	ruby: "ruby",
	xml: "xml",
	sass: "sass",
	json: "json",
	typescript: "typescript",
	markdown: "markdown",
	mysql: "mysql",
	handlebars: "handlebars",
	golang: "golang",
	csharp: "csharp",
	elixir: "elixir",
};

export const SelectMode = ({ listObj = types, onChange, value }) => {
	return (
		<select value={value} onChange={e => onChange(e.target.value)}>
			{Object.entries(listObj).map(([value, text]) => (
				<option value={value} key={value}>
					{text}
				</option>
			))}
		</select>
	);
};