import ChevronRightIcon from '@material-hu/icons/material/ChevronRight';
import ExpandLessIcon from '@material-hu/icons/material/ExpandLess';
export type SiblingsButtonProps = {
  orientation: string;
};

const SiblingsButton = ({ orientation }: SiblingsButtonProps) => {
  return (
    <button
      type="button"
      style={{
        padding: '4px',
        border: '2px solid #000000',
        borderRadius: '6px',
        display: 'flex',
        alignItems: 'center',
        backgroundColor: '#FFFFFF',
        cursor: 'pointer',
      }}
    >
      {orientation === 'left' || orientation === 'right' ? (
        <ExpandLessIcon />
      ) : (
        <ChevronRightIcon />
      )}
    </button>
  );
};

export default SiblingsButton;
