@parkassist/pa-ui-library/dist/components/WeekHoursPicker/styled.js

INX Platform elements

import styled from "styled-components";
import Palette from "../../constants/Palette";
export const PickerRow = styled.div`
  display: flex;
  border-top: 2px ${Palette.BAY_OUT} solid;
  border-bottom: ${props => `${props.dayNum === 6 ? `2px ${Palette.BAY_OUT} solid` : ''}`};
`;
export const PickerCell = styled.div`
  flex: 1;
  height: ${props => `${props.height}px`};
`;
export const DayCell = styled.div`
    color: ${Palette.DIM_GREY};
    height: ${props => `${props.height + 2}px`};
    margin-right: 10px;
    margin-top: ${props => props.index === 0 ? "1px" : 0}; 
    display: flex;
    align-items: center;
    justify-content: end;
    text-align: right;
    font-size: 16px;
  }
`;
export const HourCell = styled.div`
  flex: 1;
  font-size: 16px;
  height: ${props => `${props.height}px`};
  text-align: center;
  color: ${Palette.DIM_GREY};
}
`;