mirror of
https://github.com/seigler/triplebyte-react-spa
synced 2025-07-26 07:16:10 +00:00
20 lines
458 B
JavaScript
20 lines
458 B
JavaScript
import React from 'react';
|
|
|
|
export default ({ direction, action }) => {
|
|
return <>
|
|
<a className='cardMover' onClick={action}>
|
|
{ direction === 'left' ? '〈' : '〉' }
|
|
</a>
|
|
<style jsx>{`
|
|
.cardMover {
|
|
display: flex;
|
|
cursor: pointer;
|
|
padding-${direction}: 8px;
|
|
text-align: center;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
font-size: 1.5em;
|
|
}
|
|
`}</style>
|
|
</>;
|
|
}
|