From e63750e41f6bb12d6f91a538bd31c94ce25705b1 Mon Sep 17 00:00:00 2001
From: Stefano Pigozzi <me@steffo.eu>
Date: Tue, 24 Aug 2021 13:26:28 +0200
Subject: [PATCH] =?UTF-8?q?=E2=9C=A8=20Add=20`Idiomatic`=20semantic?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/semantics/Idiomatic.stories.jsx | 17 +++++++++++++++++
 src/components/semantics/Idiomatic.tsx         | 17 +++++++++++++++++
 2 files changed, 34 insertions(+)
 create mode 100644 src/components/semantics/Idiomatic.stories.jsx
 create mode 100644 src/components/semantics/Idiomatic.tsx

diff --git a/src/components/semantics/Idiomatic.stories.jsx b/src/components/semantics/Idiomatic.stories.jsx
new file mode 100644
index 0000000..5ce7ff8
--- /dev/null
+++ b/src/components/semantics/Idiomatic.stories.jsx
@@ -0,0 +1,17 @@
+import * as React from "react"
+import * as ReactDOM from "react-dom"
+import * as Decorators from "../../utils/Decorators"
+import { Idiomatic as IdiomaticComponent } from "./Idiomatic"
+
+
+export default {
+    component: IdiomaticComponent,
+    title: "Semantics/Idiomatic",
+    decorators: [Decorators.Bluelib],
+}
+
+
+export const Idiomatic = props => (
+    <IdiomaticComponent {...props}/>
+)
+Idiomatic.args = {}
diff --git a/src/components/semantics/Idiomatic.tsx b/src/components/semantics/Idiomatic.tsx
new file mode 100644
index 0000000..303c244
--- /dev/null
+++ b/src/components/semantics/Idiomatic.tsx
@@ -0,0 +1,17 @@
+import * as React from "react"
+import * as ReactDOM from "react-dom"
+import * as Types from "../../types"
+import {BaseElement} from "../BaseElement"
+import mergeClassNames from "classnames"
+
+
+export interface IdiomaticProps extends Types.BluelibHTMLProps<HTMLElement> {}
+
+
+export function Idiomatic({...props}: IdiomaticProps): JSX.Element {
+    props.bluelibClassNames = mergeClassNames(props.bluelibClassNames, "semantic-i")
+
+    return (
+        <BaseElement kind={"i"} {...props}/>
+    )
+}