48 lines
1.1 KiB
TypeScript
48 lines
1.1 KiB
TypeScript
import { Component } from "solid-js";
|
|
import { Handlers } from "../../types";
|
|
import "./Controls.css";
|
|
|
|
const Controls: Component<{ handlers: Handlers }> = (props) => {
|
|
return (
|
|
<div class="controls">
|
|
<button
|
|
class="controls__button controls__button--first"
|
|
onClick={props.handlers.first}
|
|
title="FIRST"
|
|
>
|
|
<i class="las la-angle-double-left"></i>
|
|
</button>
|
|
<button
|
|
class="controls__button"
|
|
onClick={props.handlers.prev}
|
|
title="PREV"
|
|
>
|
|
<i class="las la-angle-left"></i>
|
|
</button>
|
|
<button
|
|
class="controls__button"
|
|
onClick={props.handlers.togglePlay}
|
|
title="PLAY"
|
|
>
|
|
<i class="las la-play"></i>
|
|
</button>
|
|
<button
|
|
class="controls__button"
|
|
onClick={props.handlers.next}
|
|
title="NEXT"
|
|
>
|
|
<i class="las la-angle-right"></i>
|
|
</button>
|
|
<button
|
|
class="controls__button controls__button--last"
|
|
onClick={props.handlers.last}
|
|
title="LAST"
|
|
>
|
|
<i class="las la-angle-double-right"></i>
|
|
</button>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default Controls;
|