Styled components

font-family: ${(props) => props.theme.theme_vars.fontstack};

border-radius: ${(props) =>
	props.isLarge ? props.theme.theme_vars.border_radius_large : props.theme.theme_vars.border_radius};

export const Label = styled.label`

display: block;

margin-bottom: 5px;

${hideLabel}

`


const hideLabel = props => {

if(props.hideLabel === true) {

return VisuallyHidden;

}

}



const headerThemeStyles = props => {

if(props.theme.is_memorial === true){

return css`

background-color: ${props.theme.theme_vars.colours.grey_darkest};

border-bottom: none;

color: ${props.theme.theme_vars.colours.white};

`

}

switch (props.theme.cardinal_name){

case "north":

return css`

background-color: ${props.theme.theme_vars.colours.white};

border-bottom: 5px solid ${props.theme.theme_vars.colours.action};

color: ${props.theme.theme_vars.colours.black};

`

break;

case "west":

return css`

background-color: ${props.theme.theme_vars.colours.action};

border-bottom: none;

color: ${props.theme.theme_vars.colours.white};

`

break;

}

}