import { $, html } from "sigpro";

$.component(
  "c-input-view",
  (props) => {
    return html`
      <button type="button" class="btn btn-ghost btn-xs btn-circle opacity-50 hover:opacity-100" @click=${() => props.show(!props.show())}>
        <span class="${() => (props.show() ? "icon-[lucide--eye-off]" : "icon-[lucide--eye]")} size-4"></span>
      </button>
    `;
  },
  ["show"],
);