import './TreeView.css';

export const TreeViewToggle = ({
  state,
  onClick,
}: {
  state: boolean;
  onClick?: React.MouseEventHandler<HTMLDivElement>;
}) => {
  return (
    <div
      className="tree-toggle flex alignCenter justifyCenter c-gray cup tac hover1"
      style={{ marginLeft: 'auto' }}
      onClick={onClick}
    >
      <div
        style={{
          transformOrigin: 'center',
          transform: `rotate(${state ? '90' : '0'}deg)`,
        }}
      >
        ▶
      </div>
    </div>
  );
};