import { f as attributes, n as clsx, c as bind_props } from './index2-CzosXNJA.js';

function Button($$renderer, $$props) {
  $$renderer.component(($$renderer2) => {
    let {
      variant = "secondary",
      size = "medium",
      type = "button",
      disabled = false,
      class: className = "",
      children,
      el = void 0,
      $$slots,
      $$events,
      ...rest
    } = $$props;
    const variantClasses = {
      primary: "bg-green-700 hover:bg-green-500 focus:bg-green-500 active:bg-green-500",
      secondary: "border border-rc-green-600 font-medium bg-rc-green-500 hover:bg-rc-green-600 focus:bg-rc-green-200 focus:outline-none active:bg-rc-green-200",
      outlined: "border border-rc-gray-500 bg-rc-gray-900 font-semibold hover:bg-rc-gray-700 hover:border-rc-gray-400 focus:outline-none focus:ring-0 focus:border-rc-gray-400 active:border-rc-gray-400",
      ghost: "bg-transparent hover:text-gray-100 focus:text-gray-100 active:text-gray-100"
    };
    const sizeClasses = {
      big: "px-6 py-3 text-lg",
      medium: "px-4 py-2 text-base",
      small: "px-2 py-1 text-sm"
    };
    let buttonClasses = `text-gray-200
    rounded
    transition-colors
    ${variantClasses[variant]}
    ${sizeClasses[size]}
    ${disabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer"}
    ${className}
  `.trim();
    $$renderer2.push(`<button${attributes({ type, class: clsx(buttonClasses), disabled, ...rest })}>`);
    children($$renderer2);
    $$renderer2.push(`<!----></button>`);
    bind_props($$props, { el });
  });
}

export { Button as B };
//# sourceMappingURL=Button-Byk8IDvI.js.map
