import * as stylex from '@stylexjs/stylex';

import GripIconWrapper from '~/src/components/Icon/GripIcon';
import { DRAG_HANDLE_CLASS } from './constants';
import { draggableStyles } from './styles';

export const DragHandle = () => (
  <div className={DRAG_HANDLE_CLASS}>
    <div {...stylex.props(draggableStyles.handle)}>
      <GripIconWrapper size={24} />
    </div>
  </div>
);