import React from "react";
import EditableHeading from "../LegacyEditableHeading";
import { createStoryMetaSettingsDecorator } from "../../../storybook";
import { overviewPlaySuite } from "../__tests__/LegacyEditableHeading-interactions";
const metaSettings = createStoryMetaSettingsDecorator({
component: EditableHeading,
enumPropNamesArray: ["size", "type"]
});
export default {
title: "Inputs/LegacyEditableHeading [deprecated]",
component: EditableHeading,
argTypes: metaSettings.argTypes,
decorators: metaSettings.decorators
};
export const Overview = {
render: () => ,
name: "Overview",
play: overviewPlaySuite
};
export const Types = {
render: () => (
<>
{" "}
),
name: "Types"
};
export const Placeholder = {
render: () => ,
name: "Placeholder"
};
export const TextHighlight = {
render: () => (
<>
),
name: "Text Highlight"
};
export const Colors = {
render: () => (
<>
),
name: "Colors"
};