movie-web/src2/components/Arrow.js
2022-02-06 20:56:48 +01:00

16 lines
597 B
JavaScript

import React from 'react'
import './Arrow.css'
// left?: boolean
export function Arrow(props) {
return (
<span className="arrow" dangerouslySetInnerHTML={{ __html: `
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather ${props.left?'left':''}"}>
<line x1="5" y1="12" x2="19" y2="12"></line>
<polyline points="12 5 19 12 12 19"></polyline>
</svg>
`}}>
</span>
)
}