import {ScrollbarArea} from "@qinetik/anique";
import {createGlobalStyle} from "@qinetik/emotion";
const ScrollbarStyles = createGlobalStyle`
.area {
height: 300px;
overflow-y: auto;
}
.item {
width: 80px;
height: 20px;
padding: 0.5em;
}
`
export default function ScrollbarAreaExample() {
let items : number[] = []
for(let i = 0; i< 25; i++) {
items = [...items, i]
}
return (
<>
<ScrollbarStyles/>
<ScrollbarArea class="area">
{items.map((e) => (
<div class="item">{e}</div>
))}
</ScrollbarArea>
</>
)
}