Files
outline/app/components/Heading.ts
2022-02-18 08:42:24 -08:00

19 lines
371 B
TypeScript

import styled from "styled-components";
const Heading = styled.h1<{ centered?: boolean }>`
display: flex;
align-items: center;
user-select: none;
${(props) => (props.centered ? "text-align: center;" : "")}
svg {
margin-top: 4px;
margin-left: -6px;
margin-right: 2px;
align-self: flex-start;
flex-shrink: 0;
}
`;
export default Heading;