import styled, { css } from "styled-components";
const Card = styled.div `
  width: 100%;
  height: ${({ height }) => height ?? "auto"};
  transition: 0.2s;
  box-sizing: border-box;
  position: relative;

  ${({ filled, outlined, padding, theme }) => {
    let styleType = "outlined";
    if (filled)
        styleType = "filled";
    else if (outlined)
        styleType = "outlined";
    return css `
      background: ${theme.new?.card?.[styleType]?.background ?? "unset"};
      border: ${theme.new?.card?.[styleType]?.border ?? "unset"};
      box-shadow: ${theme.new?.card?.[styleType]?.boxShadow ?? "unset"};
      border-radius: ${theme.new?.card?.[styleType]?.borderRadius ?? "unset"};
      padding: ${padding ?? theme.new?.card?.[styleType]?.padding ?? "unset"};
    `;
}}
`;
export default Card;
//# sourceMappingURL=card.js.map