Variables
Const Body
Body: string & StyledComponentBase<"div", any, __type, never> = styled.div`margin: 0;margin-bottom: ${props => props.theme.minimumSpacing};margin-top: ${props => props.theme.mediumSpacing};padding: 0;display: flex;`
Const Button
Button: string & StyledComponentBase<"div", any, object, never> = styled.div<{ isSubmit: boolean; onClick: () => void }>`display: flex;justify-content: center;align-items: center;font-size: ${props => props.theme.minimumFontSize};line-height: ${props => props.theme.minimumButtonSize};height: ${props => props.theme.minimumButtonSize};padding: 0;margin: 0;opacity: ${props => props.theme.minimumOpacity};cursor: pointer;color: ${White};width: 8em;background-color: ${props =>props.isSubmit ? SubmitButtonColor(props) : ButtonColor(props)};:hover {opacity: 1;}`
Const ControlsRow
ControlsRow: string & StyledComponentBase<"div", any, __type, never> = styled.div`margin: 0;padding: 0;display: flex;justify-content: center;`
Const Root
Root: string & StyledComponentBase<"div", any, __type, never> = styled.div`margin: 0;padding: ${props => props.theme.mediumSpacing};display: flex;flex-direction: column;background-color: ${White};${Dropshadow};`
Const Spacer
Spacer: string & StyledComponentBase<"div", any, __type, never> = styled.div`flex-grow: 1;border-bottom: 1px solid ${Grey};`
Const Tab
Tab: string & StyledComponentBase<"div", any, object, never> = styled.div<{ isSelected: boolean }>`display: flex;justify-content: center;align-items: center;font-size: ${({ theme }) => theme.minimumFontSize};padding: ${({ theme }) => theme.minimumSpacing};cursor: pointer;color: ${Black};background-color: ${White};border: 1px solid ${Grey};border-bottom: 1px solid${props => (props.isSelected ? White(props) : Grey(props))};:hover {background-color: ${props =>props.isSelected ? White(props) : Silver(props)};}`
Const TabRow
TabRow: string & StyledComponentBase<"div", any, __type, never> = styled.div`margin: 0;padding: 0;display: flex;justify-content: flex-start;`