396836dedd
* refactor: 🔧 del unnecessary children type Change-Id: I3dea5e07f5401bdbdd168eb959fe361c57784167 * feat: 💄 eslint Change-Id: Ie173adeca9e3112d8cdfc1f85964332105dcb424 * feat: 🔧 add css type Change-Id: I8850c4d09b152f4d9c4d98e6eebca58bd9eecd37 * fix: 💄 ci lint Change-Id: I69ff89c7a30e2bdcd26475ec83f3f5ec143121b6
25 lines
539 B
TypeScript
25 lines
539 B
TypeScript
import { observer } from "mobx-react";
|
|
import * as React from "react";
|
|
import styled from "styled-components";
|
|
import Flex from "~/components/Flex";
|
|
|
|
type Props = {
|
|
label: React.ReactNode | string;
|
|
};
|
|
|
|
const Labeled: React.FC<Props> = ({ label, children, ...props }) => (
|
|
<Flex column {...props}>
|
|
<Label>{label}</Label>
|
|
{children}
|
|
</Flex>
|
|
);
|
|
|
|
export const Label = styled(Flex)`
|
|
font-weight: 500;
|
|
padding-bottom: 4px;
|
|
display: inline-block;
|
|
color: ${(props) => props.theme.text};
|
|
`;
|
|
|
|
export default observer(Labeled);
|