2023-01-30 15:53:14 +00:00
|
|
|
import styled from "styled-components";
|
2023-02-07 09:22:12 +00:00
|
|
|
import Base from "../../themes/base";
|
2023-01-30 15:53:14 +00:00
|
|
|
|
|
|
|
export const Title = styled.h2`
|
2023-02-02 09:32:35 +00:00
|
|
|
font-family: "Open Sans", sans-serif, Arial;
|
2023-01-30 15:53:14 +00:00
|
|
|
font-weight: 700;
|
|
|
|
font-size: 21px;
|
|
|
|
line-height: 28px;
|
2023-02-07 09:22:12 +00:00
|
|
|
color: ${(props) => props.theme.calendar.titleColor};
|
2023-01-30 15:53:14 +00:00
|
|
|
border-bottom: 1px dashed transparent;
|
|
|
|
margin: 0;
|
2023-02-02 09:32:35 +00:00
|
|
|
display: inline-block;
|
2023-01-30 15:53:14 +00:00
|
|
|
|
|
|
|
:hover {
|
2023-03-01 10:08:23 +00:00
|
|
|
border-color: ${(props) =>
|
|
|
|
props.disabled ? "transparent" : props.theme.calendar.titleColor};
|
2023-02-02 09:32:35 +00:00
|
|
|
cursor: ${(props) => (props.disabled ? "auto" : "pointer")};
|
2023-01-30 15:53:14 +00:00
|
|
|
}
|
|
|
|
`;
|
2023-02-07 09:22:12 +00:00
|
|
|
|
|
|
|
Title.defaultProps = { theme: Base };
|