import { html } from '@design.estate/dees-element';

export const demoFunc = () => html`
  <dees-button>This is a slotted Text</dees-button>
  <p>
    <dees-button text="Highlighted: This text shows" type="highlighted">Highlighted</dees-button>
  </p>
  <p><dees-button type="discreet">This is discreete button</dees-button></p>
  <p><dees-button disabled>This is a disabled button</dees-button></p>
  <p><dees-button type="big">This is a slotted Text</dees-button></p>
  <p><dees-button status="normal">Normal Status</dees-button></p>
  <p><dees-button disabled status="pending">Pending Status</dees-button></p>
  <p><dees-button disabled status="success">Success Status</dees-button></p>
  <p><dees-button disabled status="error">Error Status</dees-button></p>
`;