import React from "react";
import Styled from "styled-components";
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import { faList, faAddressBook } from "@fortawesome/free-solid-svg-icons";
import PropTypes from "prop-types";

const Container = Styled.div`
  width: 400px;
  height: 100%;
`;

const Switch = ({ checked = false, isChecked, onClick }) => (
  <Container checked={checked} onClick={onClick} isChecked={isChecked} />
);

Switch.propTypes = {
  checked: PropTypes.bool,
  isChecked: PropTypes.func,
  onClick: PropTypes.func,
};

export default () => {
  return <Switch />;
};