From 6bf0a5cb5034a7e684dcc3500e841785237ce2dd Mon Sep 17 00:00:00 2001
From: Daniel Baumann <daniel.baumann@progress-linux.org>
Date: Sun, 7 Apr 2024 19:32:43 +0200
Subject: Adding upstream version 1:115.7.0.

Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
---
 .../storybook/stories/message-bar.stories.mjs      | 48 ++++++++++++++++++++++
 1 file changed, 48 insertions(+)
 create mode 100644 browser/components/storybook/stories/message-bar.stories.mjs

(limited to 'browser/components/storybook/stories/message-bar.stories.mjs')

diff --git a/browser/components/storybook/stories/message-bar.stories.mjs b/browser/components/storybook/stories/message-bar.stories.mjs
new file mode 100644
index 0000000000..a8a7b7ddc7
--- /dev/null
+++ b/browser/components/storybook/stories/message-bar.stories.mjs
@@ -0,0 +1,48 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+import { html } from "lit.all.mjs";
+// Imported for side-effects.
+// eslint-disable-next-line import/no-unassigned-import
+import "toolkit-widgets/message-bar.js";
+
+const MESSAGE_TYPES = {
+  default: "",
+  success: "success",
+  error: "error",
+  warning: "warning",
+};
+
+export default {
+  title: "UI Widgets/Message Bar",
+  component: "message-bar",
+  argTypes: {
+    type: {
+      options: Object.keys(MESSAGE_TYPES),
+      mapping: MESSAGE_TYPES,
+      control: { type: "select" },
+    },
+  },
+  parameters: {
+    status: "stable",
+    fluent: `
+message-bar-text = A very expressive and slightly whimsical message goes here.
+message-bar-button = Click me, please!
+    `,
+  },
+};
+
+const Template = ({ dismissable, type }) =>
+  html`
+    <message-bar type=${type} ?dismissable=${dismissable}>
+      <span data-l10n-id="message-bar-text"></span>
+      <button data-l10n-id="message-bar-button"></button>
+    </message-bar>
+  `;
+
+export const Basic = Template.bind({});
+Basic.args = { type: "", dismissable: false };
+
+export const Dismissable = Template.bind({});
+Dismissable.args = { type: "", dismissable: true };
-- 
cgit v1.2.3