import styled from 'styled-components/native';
import { SBox } from '../../common/s-components/layout/s-box';
import { TThemed } from '../../common/types';

type TProps = TThemed<{}>;

export const SDateBgContainer = styled<any>(SBox)`
  background-color: ${({ theme }: TProps) => theme.colors.pickledBluewood};
  border-bottom-left-radius: ${8}px;
  border-bottom-right-radius: ${8}px;
  bottom: ${0};
  height: ${32}px;
  left: ${0};
  padding-left: ${15}px;
  padding-right: ${15}px;
  padding-top: ${9}px;
  position: absolute;
  width: ${198}px;
  z-index: 1;
`;