import * as React from "react"
import { ISettingsCookie } from "../types"

export const SettingsCookie: React.FC<ISettingsCookie> = props => {
	const { listNavExchanges, listSettingItems } = props

	return (
		<div
			className="tab-pane fade show active"
			id="cookieSettings"
			role="tabpanel"
			aria-labelledby="cookieSettingsTab"
		>
			<div className="row mt-3">
				<ul
					className="nav nav-pills mb-3"
					id="cookieSettingsTab"
					role="tablist"
				>
					{listNavExchanges}
				</ul>
			</div>
			<div className="tab-content" id="cookieSettingsTabContent">
				{listSettingItems}
			</div>
		</div>
	)
}
