import { useProp, h } from 'atomico';
import { g as getComponentOrDefine } from './chunks/65ef80fe.js';
import '@caedman/gs/dist/global-style';

var style = ":host {\n}\n";

const _jsxFileName = "/Users/rang/rang/frond_ng/packages/six/src/components/kun-list-title/kun-list-title.tsx";
const KunListTitle = () => {
  const [kunTitle] = useProp("kunTitle");
  return (
    h('host', { shadowDom: true, __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 11}}
      , h('style', {__self: undefined, __source: {fileName: _jsxFileName, lineNumber: 12}}, style)
      , h('div', { className: "divide-y divide-gray-400 page align-baseline"   , __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 13}}
        , h('div', { className: "py-2 text-3xl my-8 flex flex-row justify-between"     , __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 14}}
          , kunTitle
          , h('slot', { name: "right", __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 16}} )
        )
        , h('div', { className: " py-2" , __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 18}}
          , h('slot', { name: "rang", __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 19}} )
        )
      )
      , h('global-style', {__self: undefined, __source: {fileName: _jsxFileName, lineNumber: 22}} )
    )
  );
};

KunListTitle.props = {
  children: {
    type: Array,
  },
  kunTitle: {
    type: String,
  },
};

var kunListTitle = getComponentOrDefine("kun-list-title", KunListTitle);

export default kunListTitle;
