import React from "react";
import styled from "styled-components";
import { colors } from "@theme/colors";
import AdminPageWrapper from "@views/common/AdminPageWrapper";

const Main = styled.div`
  table {
    border-collapse: collapse;
  }

  table,
  th,
  td {
    border: 1px solid ${colors.white};
    padding: 0.5rem;

    a {
      color: ${colors.orange1};
      text-decoration: underline;
    }
  }
`;

const AdminListCommon: React.FC = ({ children }) => (
  <AdminPageWrapper requiresAuthentication>
    <Main>
      {children}
    </Main>
  </AdminPageWrapper>
);

export default AdminListCommon;
