import figma, { html } from '@figma/code-connect/html';
figma.connect('https://www.figma.com/design/Zyh9RyabNaqkjbuFWP9Aqj/%E2%9C%A8-Components--ADS2---Stable-version-?node-id=16419-62764', {
    props: {
        title: figma.string('Title'),
        shadow: figma.boolean('Has shadow'),
        hasTabs: figma.boolean('Has tabs'),
        hasActionsBar: figma.boolean('Has actions bar'),
        backbutton: figma.boolean('Has back button'),
        breakpoint: figma.enum('Breakpoint', {
            'S (320 to 679px)': 's',
            'M to XXL (680px and up)': 'm',
        }),
    },
    example: ({ title, shadow, backbutton }) => html `<m-page-header
        title="${title}"
        shadow="${shadow}"
        backbutton="${backbutton}"
        status="info"
        statuslabel="Status"
        extrainfo="Additional info"
      ></m-page-header>`,
});
