import React, { useState, useEffect } from 'react'
import { Alert, Col, Card, Container, Form, Row, Button, Nav, Navbar, ListGroup, Image, Table } from "react-bootstrap"
import axios from "axios"
import { Redirect } from 'react-router-dom'

function Bookmark() {
    // function addFavorite() {
    //     const title = document.title
    //     const url = window.location.href
    //     if (window.sidebar && window.sidebar.addPanel) {
    //         window.sidebar.addPanel(title, url, "")
    //     } else if (window.opera && window.print) {
    //         const elem = document.createElement('a');
    //         elem.setAttribute('href', url);
    //         elem.setAttribute('title', title);
    //         elem.setAttribute('rel', 'sidebar');
    //         elem.click();
    //     } else if (document.all) { //msie
    //         window.external.AddFavorite(url, title);
    //     } else {
    //         alert("해당브라우저는 즐겨찾기 추가기능이 지원되지 않습니다.\n\n수동으로 즐겨찾기에 추가해주세요.");
    //         return true;
    //     }
    // }
    // const [index, setIndex] = useState(1);
    // const [showSet, setShowSet] = useState([false, false, false, false]);
    const add_Page = [{
        title:'즐겨찾기1',
        url:'http://localhost:3000',
    }, {
        title:'즐겨찾기2',
        url:'https://www.naver.com/',
    }, {
        title:'즐겨찾기3',
        url:'https://www.youtube.com/watch?v=wo46N-LQK7o'
    }]
    // const addPlace = addFavorite(add_Page)
  

    return (
        <Container>
            <Navbar bg="primary" variant="dark">
                <Navbar.Brand href="/">북마크</Navbar.Brand>
                <Nav className="mr-auto">
                    <Nav.Link href="/">Home</Nav.Link>
                </Nav>
                {/* <Form inline>
                <FormControl type="text" placeholder="Search" className="mr-sm-2" />
                <Button variant="outline-light">Search</Button>
            </Form> */}
            </Navbar>
                <Form>
                    <ListGroup>
                        <ListGroup.Item action href="/">북마크1</ListGroup.Item>
                        <ListGroup.Item>북마크2</ListGroup.Item>
                    </ListGroup>
                </Form>
        </Container>
    )
}

export default Bookmark