import { r as registerInstance, h, H as Host } from './core-34fac203.js';

const Month = class {
    constructor(hostRef) {
        registerInstance(this, hostRef);
    }
    render() {
        return h(Host, { class: { 'anj-selected': this.selected } }, h("button", { type: "button" }, this.month));
    }
    static get style() { return ".sc-anj-date-picker-month-h {\n  border-radius: 0.25rem;\n  color: var(--anj-neutral-dark);\n  cursor: pointer;\n  display: block;\n  font-size: 0.75rem;\n  line-height: 1;\n  text-align: center;\n  -webkit-transition: background-color 0.2s ease;\n  transition: background-color 0.2s ease;\n  width: 25%;\n}\n.sc-anj-date-picker-month-h:hover {\n  background-color: var(--anj-highlight-overlay);\n}\n.sc-anj-date-picker-month-h:focus-within {\n  background-color: #bed6ec;\n}\n.anj-today.sc-anj-date-picker-month-h {\n  background-color: var(--anj-highlight-overlay);\n  color: var(--anj-dark);\n  font-weight: bold;\n}\n.anj-today.sc-anj-date-picker-month-h:hover {\n  background-color: #bed6ec;\n}\n.anj-today.sc-anj-date-picker-month-h:focus-within {\n  background-color: #93badf;\n}\n.anj-selected.sc-anj-date-picker-month-h {\n  background: var(--anj-highlight);\n  color: var(--anj-light);\n}\n.anj-selected.sc-anj-date-picker-month-h:hover {\n  background: var(--anj-highlight);\n}\n.anj-disabled.sc-anj-date-picker-month-h {\n  background-color: var(--anj-background);\n  border-radius: 0;\n  color: var(--anj-neutral);\n  cursor: not-allowed;\n}\n.anj-diff-month.sc-anj-date-picker-month-h {\n  cursor: default;\n  opacity: 0;\n}\n.anj-today.anj-disabled.sc-anj-date-picker-month-h {\n  color: var(--anj-neutral-dark);\n}\n.anj-selected.anj-disabled.sc-anj-date-picker-month-h {\n  color: var(--anj-danger);\n}\n.sc-anj-date-picker-month-h button.sc-anj-date-picker-month {\n  border-radius: 0.25rem;\n  background-color: inherit;\n  border: inherit;\n  border-radius: 50%;\n  color: inherit;\n  height: 2.25rem;\n  text-transform: uppercase;\n}\n.sc-anj-date-picker-month-h button.sc-anj-date-picker-month:focus {\n  -webkit-box-shadow: none;\n  box-shadow: none;\n}"; }
};

export { Month as anj_date_picker_month };
