import styled from 'styled-components'
import { BoxProps } from "./interfaces"

const setSizeSelected = (size: string) => {
  switch (size) {
    case "small":
      return "10px";
    case "medium":
      return "16px";
    case "large":
      return "24px"
    default:
      return "16px";
  }
} 

export const Container = styled.div<BoxProps>`
  background: #fff;
  border-radius: 5px;
  width: 100%;
  box-shadow: 0px 2px 6px #0000000A;
  padding: ${props => setSizeSelected(props.size)}
`