nicklima/strapi-blog-frontend-next

import styled from "styled-components"

export const Pages = styled.div`
  padding: 30px;
  width: 100%;
`

export const PagesList = styled.ul`
  display: flex;
  justify-content: center;
  grid-gap: 10px;
`

export const PagesItem = styled.button<IActiveProps>`
  padding: 8px 10px;
  color: ${({ active, theme }) =>
    active ? theme.white : theme.colors.primary};
  font-weight: bold;
  background-color: ${({ active, theme }) =>
    active ? theme.colors.primary : theme.colors.secondary};
  cursor: ${({ active }) => (active ? "initial" : "pointer")};
  border-radius: 5px;
`