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

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

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

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

export default addStoreSuccess;
