import { TfiPlus } from 'react-icons/tfi';
// import GenreListEditComponent from '../components/library/edit/genre/GenreListEditComponent';
import { Link } from 'react-router-dom';

export default function Sidebar() {
	return (
		<>

			{/* <div className="fixed-sidebar d-flex flex-column align-items-stretch flex-shrink-0 bg-white">
				<a href="/" className="d-flex align-items-center flex-shrink-0 p-3 link-dark text-decoration-none border-bottom">
					<svg className="bi pe-none me-2" width="30" height="24">
						<h3>asd,jnsad,</h3>
					</svg>
					<span className="fs-5 fw-semibold">Группа списка</span>
				</a>
				<div className="list-group list-group-flush border-bottom scrollarea">
					<a href="#" className="list-group-item list-group-item-action active py-3 lh-sm" aria-current="true">
						<div className="d-flex w-100 align-items-center justify-content-between">
							<strong className="mb-1">Заголовок элемента группы списка</strong>
							<small>Среда</small>
						</div>
						<div className="col-10 mb-1 small">Некоторый заполнитель в абзаце под заголовком и датой.</div>
					</a>
					<a href="#" className="list-group-item list-group-item-action py-3 lh-sm">
						<div className="d-flex w-100 align-items-center justify-content-between">
							<strong className="mb-1">Заголовок элемента группы списка</strong>
							<small className="text-muted">Вторник</small>
						</div>
						<div className="col-10 mb-1 small">Некоторый заполнитель в абзаце под заголовком и датой.</div>
					</a>
				</div>
			</div> */}

			{/* <a href="/" className="d-flex align-items-center flex-shrink-0 p-3 link-dark text-decoration-none border-bottom">
				<svg className="pe-none me-2" width="30" height="24">
					<h3>Боковая панель</h3>
					<use xlink:href="#bootstrap"></use>
				</svg>
				<h2 className="fs-5 fw-semibold text-primary">Группа списка</h2>
			</a> */}
			<div className="list-group list-group-flush border-bottom scrollarea">
				<div className="list-group-item list-group-item-action active py-3 lh-sm" aria-current="true">
					<Link to='/admin/library/anime/title' className='btn btn-outline-dark w-100'><TfiPlus /></Link>
					{/* <div className="col-10 mb-1 small">Некоторый заполнитель в абзаце под заголовком и датой.</div> */}
				</div>
				<a href="#" className="list-group-item list-group-item-action py-3 lh-sm">
					<div className="d-flex w-100 align-items-center justify-content-between">
						<strong className="mb-1">Заголовок элемента группы списка</strong>
						<small className="text-muted">Вторник</small>
					</div>
					<div className="col-10 mb-1 small">Некоторый заполнитель в абзаце под заголовком и датой.</div>
				</a>
			</div>


			{/* <div className='container bg-body-tertiary'>
				<h3 className='text-primary'>Меню</h3>
				
				<div className="card">
					<div className="card-body">
						<h5 className="card-title"><span>Search</span></h5>
						<input id="search-query2" name="s" type="search" placeholder="Type &amp; Hit Enter..." />
						<button type="submit" className='btn'><span className="icon"><TfiSearch /></span></button>
					</div>
				</div>

			</div> */}
		</>
  	)
}