@vimeo/iris/components/Button/FeaturedIcon.esm.js

Vimeo Design System

import { a as __makeTemplateObject } from '../../tslib.es6-7f0e734f.js';
import styled from 'styled-components';
import { rgba, rem } from 'polished';
import { borderRadii } from './Button.config.esm.js';

var FeaturedIcon = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: absolute;\n  top: -1px;\n  left: -1px;\n  height: calc(100% + 2px);\n  background: ", ";\n  border-right: ", ";\n  border-radius: ", ";\n"], ["\n  position: absolute;\n  top: -1px;\n  left: -1px;\n  height: calc(100% + 2px);\n  background: ", ";\n  border-right: ", ";\n  border-radius: ", ";\n"])), function (_a) {
    var theme = _a.theme;
    return rgba(theme.content.color, 0.2);
}, function (_a) {
    var theme = _a.theme;
    return rgba(theme.content.color, 0.5);
}, function (p) {
    return "".concat(rem(borderRadii[p.size]), " 0 0 ").concat(rem(borderRadii[p.size]));
});
var templateObject_1;

export { FeaturedIcon };