import * as React from "react";
import GridItem from "./component";
import { themeSettings } from "@sc/plugins/webcomponents/v2/theme";

import settings from "./settings";
import {
  sampleContentData,
  EditorWithCustomData,
} from "@sc/modules/page/Builder/Builder.stories";

export default {
  title: "Plugins|Web Components/Medium/Grid/GridItem",
  component: GridItem,
};

export const Default: React.FC = () => {
  return (
    <GridItem style={{ padding: 20 }}>GridItem Content Goes Here</GridItem>
  );
};

// export const InTheEditor: React.FC = () => {
//   return (
//     <EditorWithCustomData
//       content={[
//         { id: "CustomField", parent: "u5j1r64m5rf", ...settings.default },
//         ...sampleContentData,
//       ]}
//     />
//   );
// };