Add HintSlot

Signed-off-by: GitHub <noreply@github.com>

Author: ryanlua

src/Components/HintSlot.luau

@@ -0,0 +1,18 @@
+--!strict
+
+local React = require("../../react")
+
+export type Props = {
+	hintImage: string,
+
+	children: any?,
+}
+
+local function HintSlotImageLabel(props: Props)
+	return React.createElement("ImageLabel", {
+		Image = props.hintImage,
+		[React.Tag] = "HintSlot",
+	}, props.children)
+end
+
+return HintSlotImageLabel

src/Components/SearchBar.luau

@@ -4,6 +4,7 @@ local React = require("../../react")
 
 export type Props = {
 	size: UDim2?,
+
 	children: any?,
 }
 

src/Components/Slot.luau

@@ -10,6 +10,7 @@ export type Props = {
 
 	equipped: boolean?,
 	unlocked: boolean?,
+
 	children: any?,
 }
 

src/Stories/HintSlot.story.luau

@@ -0,0 +1,27 @@
+--!strict
+
+local React = require("../../react")
+local ReactRoblox = require("../../react-roblox")
+
+local HintSlot = require("../Components/HintSlot")
+
+local controls = {
+	HintImage = "rbxasset://textures/ui/Controls/DesignSystem/ButtonX.png",
+}
+
+return {
+	react = React,
+	reactRoblox = ReactRoblox,
+	controls = controls,
+	story = function(props)
+		local component = React.createElement(HintSlot, {
+			hintImage = props.controls.HintImage,
+		}, {
+			StyleLink = React.createElement("StyleLink", {
+				StyleSheet = game.ReplicatedStorage.Design.SatchelStyleSheet,
+			}),
+		})
+
+		return component
+	end,
+}