import {BasePO} from '@agnos-ui/base-po';
import {Locator} from '@playwright/test';

export const customComponentSelectors = {
	rootComponent: '.custom',
	otherContent: '.content-class',
};

export class CustomComponentPO extends BasePO {
	selectors = {...customComponentSelectors};

	override getComponentSelector(): string {
		return this.selectors.rootComponent;
	}

	get locatorOtherContent(): Locator {
		return this.locatorRoot.locator(this.selectors.otherContent);
	}
}