import React from 'react';
import styled from 'styled-components';
import { ListItem } from '../..';
var StyledLabel = styled.label.withConfig({
  displayName: "ControlsListItem__StyledLabel",
  componentId: "sc-6zt75f-0"
})(["width:100%;cursor:", ";"], function (_ref) {
  var $cursor = _ref.$cursor,
    $disabled = _ref.$disabled;
  return $disabled ? 'not-allowed' : $cursor;
});
var ControlsListItem = function ControlsListItem(_ref2) {
  var children = _ref2.children,
    _ref2$cursor = _ref2.cursor,
    cursor = _ref2$cursor === void 0 ? 'pointer' : _ref2$cursor,
    disabled = _ref2.disabled;
  return React.createElement(ListItem, null, React.createElement(StyledLabel, {
    $disabled: disabled,
    $cursor: cursor
  }, children));
};
export default ControlsListItem;