diff --git a/package.json b/package.json index 613edc15..9e547d2b 100644 --- a/package.json +++ b/package.json @@ -11,7 +11,8 @@ }, "dependencies": { "react": "^18.2.0", - "react-dom": "^18.2.0" + "react-dom": "^18.2.0", + "@probat/react": "^0.3.1" }, "devDependencies": { "@types/react": "^18.2.43", diff --git a/src/components/Footer.experiment.tsx b/src/components/Footer.experiment.tsx new file mode 100644 index 00000000..9b948159 --- /dev/null +++ b/src/components/Footer.experiment.tsx @@ -0,0 +1,84 @@ +import React from 'react' +import './Footer.css' + +const Footer: React.FC = () => { + return ( + + ) +} + +export default Footer diff --git a/src/components/Footer.original.tsx b/src/components/Footer.original.tsx new file mode 100644 index 00000000..92e6cf9b --- /dev/null +++ b/src/components/Footer.original.tsx @@ -0,0 +1,78 @@ +import React from 'react' +import './Footer.css' + +const Footer: React.FC = () => { + return ( + + ) +} + +export default Footer diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx index 92e6cf9b..57b7d794 100644 --- a/src/components/Footer.tsx +++ b/src/components/Footer.tsx @@ -1,78 +1,16 @@ -import React from 'react' -import './Footer.css' +"use client"; +import { ProbatProviderClient, Experiment } from "@probat/react"; +import OriginalComponent from "./Footer.original"; +import ExperimentVariant from "./Footer.experiment"; -const Footer: React.FC = () => { +export default function Footer(props: any) { return ( - - ) + + } + variants={{ experiment: }} + /> + + ); } - -export default Footer