import * as React from 'react';
import { Icon } from '../icons';
const Arrows = () => {
    return (React.createElement("div", { style: {
            display: 'flex',
            flexFlow: 'column',
            position: 'absolute',
            // background: 'var(--ab-color-defaultbackground)',
            fill: 'var(--ab-cmp-dropdown__fill)',
            top: '50%',
            right: 'var(--ab-space-1)',
            transform: 'translate3d(0px, -50%, 0px)',
            cursor: 'pointer',
        } },
        React.createElement(Icon, { name: "triangle-up", size: 20, style: { position: 'relative', top: 7 } }),
        React.createElement(Icon, { name: "triangle-down", size: 20, style: { position: 'relative', top: -7 } })));
};
export default Arrows;
