import React from "react";
import { Button, Row, Col } from "antd";
import { ModalStep } from "redux/Shopify/types";

import { title, content } from "./loginSuccess";

export interface IProps {
  callback?: () => void;
  back?: () => void;
}

const addStoreSuccess = ({ callback, back }: IProps): ModalStep => ({
  title,
  content,
  footer: (
    <>
      <Row>
        <Button
          type="primary"
          block
          onClick={back}
          size="large"
          className="text__transform--uppercase letter__spacing--1"
        >
          GO TO YOUR PROFILE
        </Button>
      </Row>
      <Row className="m__t--16">
        <Button size="large" block onClick={callback}>
          DONE
        </Button>
      </Row>
    </>
  ),
});

export default addStoreSuccess;
