import styled from "styled-components";
import { currentTheme } from "../../theme";
const Card = styled.div(({ sharp, mobilePadding, padding, height, theme }) => {
    const card = theme?.card ?? currentTheme.card;
    return `
      background: ${card.background};
      border: ${card.border};
      box-shadow: ${card.boxShadow};

      ${!sharp ? `border-radius: ${card.borderRadius};` : ""}
      width: 100%;
      min-height: ${height ?? "auto"};
      padding: ${padding ?? "32px 40px"};

      transition: 0.2s;
      box-sizing: border-box;

      @media (max-width: 1023px) {
        margin-bottom: 8px;
        padding: ${mobilePadding ?? "24px 17px"};
      }
  `;
});
export default Card;
//# sourceMappingURL=index.js.map