@chayns-components/core/lib/cjs/components/sharing-bar/SharingBar.styles.js

A set of beautiful React components for developing your own applications with chayns.

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.StyledSharingBarText = exports.StyledSharingBarIconWrapper = exports.StyledSharingBar = void 0;
var _styledComponents = _interopRequireDefault(require("styled-components"));
var _keyboardFocusHighlighting = require("../../utils/keyboardFocusHighlighting.styles");
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
const StyledSharingBar = exports.StyledSharingBar = _styledComponents.default.div`
    cursor: pointer;
    display: flex;
    align-items: center;
    width: fit-content;

    &[data-should-show-keyboard-highlighting='true']:focus-visible {
        ${_keyboardFocusHighlighting.keyboardFocusHighlightingRingCss}
    }
`;
const StyledSharingBarIconWrapper = exports.StyledSharingBarIconWrapper = _styledComponents.default.div`
    margin-right: -4px;
`;
const StyledSharingBarText = exports.StyledSharingBarText = _styledComponents.default.p`
    color: ${({
  theme
}) => theme.text};
`;
//# sourceMappingURL=SharingBar.styles.js.map