summaryrefslogtreecommitdiff
path: root/storybook/views/use-case.tsx
diff options
context:
space:
mode:
authorKirill Rogovoy <[email protected]>2021-07-19 20:06:08 +0300
committerKirill Rogovoy <[email protected]>2021-07-19 20:06:08 +0300
commitf0bf4e7afdcd8b02a62be45ab3e7d047ed865a79 (patch)
tree575c0ff2cbb846252bd2e494c81c396846aab2f6 /storybook/views/use-case.tsx
parent67ad38d0a7cd319623e9f41c0c381ed5c5f6f973 (diff)
Apply Prettier
Diffstat (limited to 'storybook/views/use-case.tsx')
-rw-r--r--storybook/views/use-case.tsx28
1 files changed, 16 insertions, 12 deletions
diff --git a/storybook/views/use-case.tsx b/storybook/views/use-case.tsx
index 08b04b9..b7f6647 100644
--- a/storybook/views/use-case.tsx
+++ b/storybook/views/use-case.tsx
@@ -1,33 +1,33 @@
-import * as React from "react"
-import { View, Text, TextStyle, ViewStyle } from "react-native"
+import * as React from 'react'
+import { View, Text, TextStyle, ViewStyle } from 'react-native'
-const ROOT: ViewStyle = { backgroundColor: "#eee" }
-const TITLE: TextStyle = { fontWeight: "600", color: "#3d3d3d" }
+const ROOT: ViewStyle = { backgroundColor: '#eee' }
+const TITLE: TextStyle = { fontWeight: '600', color: '#3d3d3d' }
const TITLE_WRAPPER: ViewStyle = {}
const USE_CASE_WRAPPER: ViewStyle = {
- position: "absolute",
+ position: 'absolute',
top: 0,
left: 0,
right: 0,
- borderTopColor: "#e6e6e6",
+ borderTopColor: '#e6e6e6',
borderTopWidth: 1,
- flexDirection: "row",
+ flexDirection: 'row',
}
const USE_CASE: TextStyle = {
fontSize: 10,
- color: "#666",
+ color: '#666',
paddingHorizontal: 4,
paddingBottom: 2,
}
-const USAGE: TextStyle = { color: "#666", fontSize: 10, paddingTop: 0 }
+const USAGE: TextStyle = { color: '#666', fontSize: 10, paddingTop: 0 }
const HEADER: ViewStyle = {
paddingTop: 20,
paddingBottom: 10,
paddingHorizontal: 10,
- borderBottomColor: "#e6e6e6",
+ borderBottomColor: '#e6e6e6',
borderBottomWidth: 1,
}
-const COMPONENT: ViewStyle = { backgroundColor: "#fff" }
+const COMPONENT: ViewStyle = { backgroundColor: '#fff' }
export interface UseCaseProps {
/** The title. */
@@ -48,7 +48,11 @@ export function UseCase(props: UseCaseProps) {
const style: ViewStyle = {
...COMPONENT,
...{ padding: props.noPad ? 0 : 10 },
- ...{ backgroundColor: props.noBackground ? "rgba(0,0,0,0)" : COMPONENT.backgroundColor },
+ ...{
+ backgroundColor: props.noBackground
+ ? 'rgba(0,0,0,0)'
+ : COMPONENT.backgroundColor,
+ },
...props.style,
}