import { html } from "lit";
import "@everymatrix/lottery-game-page";
const meta = {
    title: 'Lottery/Components/lottery-game-page',
    component: 'lottery-game-page',
    args: {
        endpoint: "",
        endpointTicket: "",
        gameId: "",
        playerId: "",
        sessionId: "",
        language: "en",
        backgroundUrl: "",
        clientStyling: "",
        clientStylingurl: "",
        translationUrl: "",
    },
    argTypes: {
        endpoint: { control: 'text', description: '' },
        endpointTicket: { control: 'text', description: '' },
        gameId: { control: 'text', description: '' },
        playerId: { control: 'text', description: '' },
        sessionId: { control: 'text', description: '' },
        language: { control: 'text', description: '' },
        backgroundUrl: { control: 'text', description: '' },
        clientStyling: { control: 'text', description: '' },
        clientStylingurl: { control: 'text', description: '' },
        translationUrl: { control: 'text', description: '' },
    },
};
export default meta;
const Template = (args) => {
    return html `<lottery-game-page
    endpoint="${args.endpoint}"
    endpointTicket="${args.endpointTicket}"
    gameId="${args.gameId}"
    playerId="${args.playerId}"
    sessionId="${args.sessionId}"
    language="${args.language}"
    backgroundUrl="${args.backgroundUrl}"
    clientStyling="${args.clientStyling}"
    clientStylingurl="${args.clientStylingurl}"
    translationUrl="${args.translationUrl}"
  ></lottery-game-page>`;
};
export const Default = Template.bind({});
Default.args = {
    endpoint: "",
    endpointTicket: "",
    gameId: "",
    playerId: "",
    sessionId: "",
    language: "en",
    backgroundUrl: "",
    clientStyling: "",
    clientStylingurl: "",
    translationUrl: "",
};
