import { h } from 'atomico';
import { g as getComponentOrDefine } from './chunks/65ef80fe.js';

var style = ":host {\n}\n\n.empty-ratings {\n  padding: 0;\n  display: block;\n  z-index: 0;\n}\n\n.star-ratings {\n  padding: 6px 2px;\n  unicode-bidi: bidi-override;\n  color:RGBA(224, 224, 224, 1);\n  position: relative;\n  margin: 0;\n  letter-spacing: 4px;\n  padding: 0;\n}\n\n.fill-ratings {\n  color: RGBA(247, 199, 69, 1);\n  padding: 0;\n  position: absolute;\n  z-index: 1;\n  display: block;\n  top: 0;\n  left: 0;\n  overflow: hidden;\n}\n\nspan {\n  display: inline-block;\n}\n";

const _jsxFileName = "/Users/rang/rang/frond_ng/packages/six/src/components/kun-rating/kun-rating.tsx";
function KunRating(props) {
  const stylesheet = `
    ${style}
    
    .star-ratings {
      width: 140px;
      font-size: 24px
    }
    .fill-ratings {
      width: ${props.needlePercentage}px;
    }
    `;
  return (
    h('host', {__self: this, __source: {fileName: _jsxFileName, lineNumber: 18}}
      , h('style', {__self: this, __source: {fileName: _jsxFileName, lineNumber: 19}}, stylesheet)
      , h('div', { className: "star-ratings", __self: this, __source: {fileName: _jsxFileName, lineNumber: 20}}
        , h('div', { className: "fill-ratings", __self: this, __source: {fileName: _jsxFileName, lineNumber: 21}}
          , h('span', {__self: this, __source: {fileName: _jsxFileName, lineNumber: 22}}, "★★★★★")
        )
        , h('div', { className: "empty-ratings", __self: this, __source: {fileName: _jsxFileName, lineNumber: 24}}
          , h('span', {__self: this, __source: {fileName: _jsxFileName, lineNumber: 25}}, "★★★★★")
        )
      )
    )
  );
}

KunRating.props = {
  needlePercentage: {
    type: Number,
    value: 50,

  },
};
var kunRating = getComponentOrDefine("kun-rating", KunRating);

export default kunRating;
export { KunRating };
