20 lines
356 B
TypeScript
20 lines
356 B
TypeScript
|
import { memo } from 'react'
|
||
|
|
|
||
|
|
export const SidebarItem: React.FC = memo((props) => {
|
||
|
|
return (
|
||
|
|
<>
|
||
|
|
<li className='sidebar-item'>{props.children}</li>
|
||
|
|
|
||
|
|
<style jsx>
|
||
|
|
{`
|
||
|
|
.sidebar-item {
|
||
|
|
position: relative;
|
||
|
|
margin: 10px;
|
||
|
|
cursor: pointer;
|
||
|
|
}
|
||
|
|
`}
|
||
|
|
</style>
|
||
|
|
</>
|
||
|
|
)
|
||
|
|
})
|