@kiwicom/orbit-components
Version:
Orbit-components is a React component library which provides developers with the easiest possible way of building Kiwi.com’s products.
56 lines (50 loc) • 2.85 kB
JavaScript
import _extends from "@babel/runtime/helpers/esm/extends";
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
import * as React from "react";
import ButtonPrimitive from "../primitives/ButtonPrimitive";
import getIconContainer from "../primitives/ButtonPrimitive/common/getIconContainer";
import getCommonProps from "../primitives/ButtonPrimitive/common/getCommonProps";
import useTheme from "../hooks/useTheme";
import getSocialButtonStyles from "./helpers/getSocialButtonStyles";
import getSocialButtonIconForeground from "./helpers/getSocialButtonIconForeground";
import getSocialButtonIcon from "./helpers/getSocialButtonIcon";
import { TYPE_OPTIONS } from "./consts";
var SocialButton = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
var _ref$type = _ref.type,
type = _ref$type === void 0 ? TYPE_OPTIONS.APPLE : _ref$type,
_ref$disabled = _ref.disabled,
disabled = _ref$disabled === void 0 ? false : _ref$disabled,
size = _ref.size,
props = _objectWithoutProperties(_ref, ["type", "disabled", "size"]);
var theme = useTheme();
var propsWithTheme = _objectSpread({
theme: theme,
size: size
}, props);
var commonProps = getCommonProps(propsWithTheme);
var buttonStyles = getSocialButtonStyles({
type: type,
disabled: disabled,
theme: theme
});
var icons = getIconContainer(_objectSpread(_objectSpread({}, propsWithTheme), {}, {
iconForeground: getSocialButtonIconForeground({
type: type,
theme: theme
})
}));
var iconLeft = getSocialButtonIcon(type);
return /*#__PURE__*/React.createElement(ButtonPrimitive, _extends({
ref: ref
}, props, commonProps, buttonStyles, icons, {
disabled: disabled,
iconLeft: iconLeft,
iconRight: null,
circled: false
}));
});
SocialButton.displayName = "SocialButton";
export default SocialButton;