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

var style = ":host {\n}\n\n.spinner {\n  width: 40px;\n  height: 40px;\n  background-color: #e3a126;\n  margin: 100px auto;\n  -webkit-animation: sk-rotateplane 1.2s infinite ease-in-out;\n  animation: sk-rotateplane 1.2s infinite ease-in-out;\n}\n\n@-webkit-keyframes sk-rotateplane {\n  0% { -webkit-transform: perspective(120px)\n  }\n\n  50% { -webkit-transform: perspective(120px) rotateY(180deg)\n  }\n\n  100% { -webkit-transform: perspective(120px) rotateY(180deg)  rotateX(180deg)\n  }\n}\n\n@keyframes sk-rotateplane {\n  0% {\n    transform: perspective(120px) rotateX(0deg) rotateY(0deg);\n    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg)\n  } 50% {\n    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);\n    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg)\n  } 100% {\n    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);\n    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);\n  }\n}\n";

const _jsxFileName = "/Users/rang/rang/frond_ng/packages/six/src/components/kun-page-loader/kun-page-loader.tsx";
const KunPageLoader = () => (
  h('host', {__self: undefined, __source: {fileName: _jsxFileName, lineNumber: 6}}
    , h('style', {__self: undefined, __source: {fileName: _jsxFileName, lineNumber: 7}}, style)
    , h('div', { class: "spinner", __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 8}} )
  )
);

KunPageLoader.props = {
  message: {
    type: String,
    value: "kun-page-loader",
    reflect: true,
    event: {
      type: "changeMessage",
    },
  },
};

var kunPageLoader = getComponentOrDefine("kun-page-loader", KunPageLoader);

export default kunPageLoader;
