"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.Item = void 0;
const styled_1 = require("../styled");
const constants_1 = require("./constants");
exports.Item = styled_1.styled.li `
  list-style-type: none;

  ${`.${constants_1.infiniteDataListClassnames.item}`} {
    cursor: pointer;

    padding: ${({ theme }) => theme.spacing(3, 4)};

    background-color: ${({ theme }) => theme.palette.background.default};

    transition: ${({ theme }) => theme.transitions.create('color', {
    easing: theme.transitions.easing.easeIn,
    duration: theme.transitions.duration.shortest,
})};

    &:hover {
      background-color: ${({ theme }) => theme.palette.background.element};
    }

    ${({ theme }) => theme.breakpoints.down('sm')} {
      padding: ${({ theme }) => theme.spacing(5, 4)};

      border-bottom: 1px solid ${({ theme }) => theme.palette.components.border.default};
    }
  }
`;
