import React, { ReactNode } from 'react'
import styled from 'styled-components'

export interface CardProps {
  children?: ReactNode;
  css?: string
}

export function Card({ children,css }: CardProps):JSX.Element {
  return (
    <StyledCard css={css}>
      {children}
    </StyledCard>
  )
}

const StyledCard = styled.div<CardProps>`
  width: 784px;
  height: 116px;
  background: #FFFFFF;
  border-radius: 4px;

  ${(p) => p.css}
`