feat: custom data-cy and classname props (#725)

d2iq · May 25, 2022 · 31797be · 31797be
1 parent 691cc6a
commit 31797be
Showing 1 changed file with 9 additions and 2 deletions.
diff --git a/packages/styleUtils/layout/container/components/Container.tsx b/packages/styleUtils/layout/container/components/Container.tsx
@@ -1,12 +1,19 @@
 import * as React from "react";
+import { cx } from "@emotion/css";
 import { container } from "../style";
 
 export interface ContainerProps {
  children: React.ReactNode;
+ "data-cy"?: string;
+ className?: string;
 }
 
-const Container: React.FC<ContainerProps> = ({ children }) => (
- <div className={container} data-cy="container">
+const Container = ({
+ children,
+ "data-cy": dataCy = "container",
+ className
+}: ContainerProps) => (
+ <div className={cx(container, className)} data-cy={dataCy}>
  {children}
  </div>
 );