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

var style = ":host {\n  height: 100vh;\n  display: block;\n  overflow-y: auto;\n}\n\n.page-container {\n  width: 100%;\n  min-height: 100%;\n  background-color: #f2f2f2;\n}";

const _jsxFileName = "/Users/rang/rang/frond_ng/packages/six/src/components/kun-page/kun-page.tsx";
const KunPage = () => (
  h('host', { shadowDom: true, __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 8}}
    , h('style', {__self: undefined, __source: {fileName: _jsxFileName, lineNumber: 9}}, style)
    , h('div', { class: "page-container", __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 10}}
      , h('slot', { name: "content", className: "kun-page-content", __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 11}} )
    )
  )
);

var kunPage = getComponentOrDefine("kun-page", KunPage);

export default kunPage;
