'use strict';

Object.defineProperty(exports, "__esModule", {
  value: true
});

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

var _colors = require('@cdb/ui/styles/colors');

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

var style = {
  settingsToggle: {
    backgroundColor: _colors.white,
    borderRadius: 50,
    width: 40,
    height: 40,
    position: 'absolute',
    right: '6%',
    top: '6%',
    border: '2px solid ' + _colors.grey400,
    fontSize: '1em',
    fontWeight: '600',
    color: _colors.cyan500,
    textAlign: 'center',
    paddingTop: 4,
    outline: 'none',
    cursor: 'pointer',
    userSelect: 'none'
  }
};

var SettingsToggle = function SettingsToggle(_ref) {
  var onClick = _ref.onClick,
      text = _ref.text;
  return _react2.default.createElement(
    'div',
    {
      id: 'SettingsToggle',
      onClick: onClick,
      style: style.settingsToggle
    },
    '. . .'
  );
};

exports.default = SettingsToggle;