GitFOSS

import styled, { css } from "styled-components";

import type { WithThemeSchemeProp } from "../types";
import { NamedColors } from "../utils/style";

export const Card = styled.div<WithThemeSchemeProp>`
  display: flex;
  flex-flow: column nowrap;

  width: 100%;

  padding: 16px;

  ${({ themeScheme = "light" }) => css`
    background-color: ${NamedColors.CARD[themeScheme]};
    border: 1px solid ${NamedColors.BORDER_CARD[themeScheme]};
  `};

  border-radius: 8px;
`;