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

const _jsxFileName = "/Users/rang/rang/frond_ng/packages/six/src/components/horse-button-comp/horse-button-comp.tsx";
const style = `
  .horse-button {
    cursor: pointer;
    outline: none;
    padding: 0 39px;
    font-size: 18px;
    border: none;
    line-height: 40px;
    color: white;
    height:40px;
    background:rgba(255,157,3,1);
  }
.horse-button:hover {
  opacity: 0.7;
}

.horse-small.horse-button {
  height: 35px;
  font-size: 16px;
  line-height: 35px;
  padding: 0 15px;
}

.horse-button {
  cursor: pointer;
  outline: none;
  padding: 0 39px;
  font-size: 18px;
  border: none;
  line-height: 40px;
  color: white;
  height: 40px;
  background: rgba(255, 157, 3, 1);
}

.button-pure {
  background: rgba(255, 255, 255, 1);
  border-radius: 5px;
  border: 1px solid rgba(233, 233, 233, 1);
  color: rgba(156, 156, 156, 1);
}

.button-outline {
  background: rgba(255, 255, 255, 1);
  border-radius: 18px;
  border: 1px solid rgba(255, 167, 47, 1);
  color: rgba(232, 139, 13, 1);
}
`;

const HorseButtonHook = (props



) => (
  h('host', {__self: undefined, __source: {fileName: _jsxFileName, lineNumber: 59}}
    , h('section', { className: "button-item", styleSheet: style, __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 60}}
      , h('style', {__self: undefined, __source: {fileName: _jsxFileName, lineNumber: 61}}, style)
      , h('button', {
        onclick: props.onDownload,
        type: props.htmlType ? props.htmlType : "button",
        className: `button-${props.theme ? props.theme : "button-primary"}  horse-button ${props.small ? "horse-small" : "horse-normal"}`, __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 62}}
      
        , props.content
      )
    )
  )
);

HorseButtonHook.props = {
  small: {
    type: Boolean,
    reflect: true,
  },
  content: {
    type: String,
    reflect: true,
  },
};

var horseButtonComp = getComponentOrDefine("horse-button-hook", HorseButtonHook);

export default horseButtonComp;
export { HorseButtonHook };
