import React from 'react' import { Button, Image, Row, ButtonGroup, Form, Col } from 'react-bootstrap'; import { Link } from 'react-router-dom'; import '../App.css' import UserInfo from './UserInfo'; import { kakaoLogout } from '../utils/Oauth'; import UsingAircon from './UsingAircon'; import { isLogined, localLogout } from '../utils/Auth'; function MainLayer() { const boxstyled = { border: 'solid', color: 'rgba(195, 195, 195, 0.753)', borderRadius: '20px', borderWidth: '3px', width: '100%', backgroundSize: 'contain', textDecorationColor: 'none' } const btnstyled = { background: 'rgb(110, 189, 142)', margin: 'auto', marginBottom: '0.5em', display: 'flex', justifyContent: 'center', width: '100%', borderWidth: '2px', borderColor: 'rgba(195, 195, 195, 0.753)', borderRadius: '20px', textDecorationColor: 'none', color: 'white' } return (